[JavaScript知识库]JavaScript构造方法

JavaScript构造函数的理解

function meterial(){
console.log("miss you");
}

function product(name,sex){
var obj = {};
obj.name = name;
obj.sex = sex;
obj.meterial = meterial;
return obj;
}
var obj1 = product(张三,男);
//这就是简简单单对象返回案例，但是这怎么都看起来不舒服，我们总想找到一
种方法让构造器变得像java的类一样妙
function Product(name,sex){
this.name = name;
this.sex = sex;
this.meterial = meterial;//每一次调用构造函数，都会分配一次内存
}
var obj2 = new Product(张三,男）;
//已经有模有样了
//但是还不够
/*因为对于js，普通的属性对于一个对象都是一个基本类型的变量，对于基本类型
变量相对于引用类型变量不同，引用类型变量变化的是引用，而不是其本身，比如
对象，数组，接口，所以对于这种构造方法每一次创建一个对象，
都会改变一次meterial方法，所以，具体的处理方式便是想办法让每一次指向都是
同一个函数，不用浪费空间。*/

Prototype(原型加继承)

Prototype属性是在对象找不到对应的属性和方法后就会去寻找的地方，换句话说，如果该对象有此属性就会覆盖prototype，如果没有就会像变魔术一样出现，有点继承和多态的感觉了

function Person(name,sex){
this.name = name;
this.sex = sex;
}
Person.prototype.meterial = meterial;

当然最有趣还是要视觉上的封装
function Person(name,sex){
this.name = name;
this.sex = sex;
if(Person._initial = =false)
{
this.merial = merial;
}
Person._initial = true;
}

Es6语法

class Person{
constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}