• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript-类可选属性和参数属性

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 和接口中的可选属性一样, 可传可不传的属性

注意点

  • TS 中如果定义了实例属性, 那么就必须在构造函数中使用, 否则就会报错

错误示例:

class Person {
    name: string;
    age: number;
}

正确示例:

class Person {
    name: string;
    age: number;

    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }
}

let p = new Person('BNTang', 18);
console.log(p);

利用 可选参数 解决不想使用的属性:

class Person {
    name: string;
    // 可选属性
    age?: number;

    constructor(name: string, age?: number) {
        this.name = name;
        this.age = age;
    }
}

let p = new Person('BNTang');
console.log(p);

在来看看直接定义一个构造函数的情况下,通过对于的类创建出来的对象是什么样子的:

class Person {
    constructor(name: string, age: number) {
    }
}

let p = new Person('BNTang', 18);
console.log(p);

参数属性

  • 一句话搞定实例属性的接收和定义
class Person {
    constructor(public name: string, public age: number) {
    }
}

let p = new Person('BNTang', 18);
console.log(p);

如上代码类同如下代码:

class Person {
    name: string;
    age: number;

    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }
}


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Vue3+TypeScript?看这一篇就够了发布时间:2022-07-18
下一篇:
typescript简版跳一跳发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap