类的引入
在ES6中引入了类的这个概念,其语法以及功能在ES5中都可以做到,可以理解为语法糖的形式,只是更适合面向对象的概念
// 这是构造函数的写法(this 指向的是这个构造函数)
function Point(x, y) {
this.x = x;
this.y = y;
}
// 在Point 构造函数的原型上定义一个普通方法
Point.prototype.toString = function () {
return '(' + this.x + ', ' + this.y + ')';
};
// new 一个原型对象,new 出来的实例对象都是不同的
var p = new Point(1, 2);
// class 类的创建方法跟构造函数的方式差不多
class Point {
// 构造函数实例
constructor(x, y) {
this.x = x;
this.y = y;
}
// 方法
toString() {
return '(' + this.x + ', ' + this.y + ')';
}
}
注意:在构造函数中,将方法定义在了函数的原型链上,如果将方法定义在函数内部,在new 时,会一直调用这个方法,会比价占用内存,而放在原型链上,在new出来的实例对象中去点方法,会运用原型链的原理,本身没有的,向上寻找