JS 中 class 类的理解

类的引入

        在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出来的实例对象中去点方法，会运用原型链的原理，本身没有的，向上寻找