ES6中的class的使用

Posted 2022-10-16 shun1015

js的传统生成一个类的方法，需要定义一个构造函数，然后通过new的方式生成

function Cat()

this.name = ‘kitty‘;

this.color = ‘yellow‘;

var cat = new Cat();

 

定义类

ES6添加了类，作为对象的模板。通过class来定义一个类：

 

//定义类
class Cat
constructor()
this.name = ‘kitty‘;
this.color = ‘yellow‘;

//不需要加分号隔开，否则会报错,而且不用加上function关键字
getNames()
console.log(‘name:‘ + this.name);


//使用new操作符得到一个实力对象
let cat = new Cat()

其实ES6的类，完全可以看作构造函数的另一种写法。

class Cat //...

typeof Cat // "function" Cat === Cat.prototype.constructor // true //

类的数据类型就是函数，类本身就只想构造函数

而且构造函数的prototype属性，在ES6的“类”上面继续存在。事实上，类的所有方法都定义在类的prototype属性上面

class Cat
constructor ()
//...

like ()
//...

eat()
//...


//等同于
Cat.prototype =
constructor () ,
like () ,
eat ()

let miao = new Cat()
miao.constructor === Cat.prototype.constructor // true