0
点赞
收藏
分享

微信扫一扫

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

可选属性


  • 和接口中的可选属性一样, 可传可不传的属性


注意点


  • 在​​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);

TypeScript-类可选属性和参数属性_代码类

参数属性


  • 一句话搞定实例属性的接收和定义


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;
}
}

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




举报

相关推荐

0 条评论