class和构造函数

/*ES6class*/
/*class实际是构造函数语法糖,是对构造函数的一层包装,是为了容易理解*/
/*class与构造函数共同点:所有的方法都在原型上*/
class Point1 {
  count=6 /*属于实列的属性,不在原型上,不会被继承*/
  constructor(x, y) {
    this.x = x; /*this指向实例对象,x,y在对象自身,不在原型上*/
    this.y = y;
  }

  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}
var p1 = new Point1(1, 2);
console.log("class====",p1)
console.log(Object.keys(Point1.prototype))
/*ES5构造函数*/
//不同点class里面的不可以枚举,es5中除去构造函数,其他都可以枚举
function Point(x, y) {
  this.x = x;
  this.y = y;
}

Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};

var p = new Point(1, 2);
console.log("es5===",p)
console.log(Object.keys(Point.prototype))

new 做的事情

1.先创建一个对象

2.将目前作用域赋值给这个对象,即this指向当前对象

3.执行构造函数

4.返回一个对象。如果构造函数没有返回对象的情况下,就返回当前对象

猜你喜欢

转载自www.cnblogs.com/sisi2020/p/10457992.html