ES6中的class的使用

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

 

转载于:https://www.cnblogs.com/shun1015/p/11509358.html