Javascript 构造函数

Posted 2020-08-16 Befacebook

1. 常规的构造函数 范例

　　

 1 //声明一个"人"的构造函数,目的是通过new出来的对象都是一个个的具体的"人"
 2 var Person=function(){
 3 
 4 //私有属性,该属性new出来的对象时无法获取到的.
 5 var prx="other";
 6 
 7 //定义了eye的属性
 8 //在这里eye是实例属性,也就是说,通过new出来的对象都具备eye的属性
 9 this.name="double";
10 
11 //我们用var 申明了一个私有方法,该方法 不能被 new Person 调用到,
12 //一般的,我们只需要再内部使用到的方法可最好声明称私有方法.
13 var prxMethond=function(){
14     console.log("in prxMethod");
15 }
16 //定义了say的方法
17 //同eye,say是一个实例方法,new出来的对象都有say的方法
18 this.say=function(){
19   console.log("hi i am "+this.name);
20  }
21 }
22 //为Person定义了一个原型方法eat,该方法为公共方法,
23 //每一个通过new Person 实例出来的对象都共享同一个eat方法,
24 //当然如果不想共享可在新对象中进行重写覆盖
25 Person.prototype.eat=function(){
26 console.log(this.name+"eat something...");
27 }
28 //定义静态方法,该方法目的在于不用new Person 就能调用该方法,
29 //我们把不用实例化就能调用的方法叫做静态方法
30 Person.staticMethod=function(){
31 console.log("this is static method");
32 }

 

2.js new关键字的所做的事情

　　var zhangsan = new Person();

　　实际上在内部是这样的。

　　var zhangsan={};

　　zhangsan.__proto__=Person.prototype;

　　Person.call(zhangsan);

　　总结就是：　　

1. 声明了一个zhangsan的空对象
2. 将Person的prototype赋值给zhangsan的proto属性
   关于对象的prototype和proto概念如下:
   prototype是函数的一个属性（每个函数都有一个prototype属性），这个属性是一个指针，指向一个对象。它是显示修改对象的原型的属性。 proto是一个对象拥有的内置属性（每个对象都有一个proto属性），是JS内部使用寻找原型链的属性。
   这就是为什么zhangsan可以调用到Person原型(Person.prototype)方法的原因
3. 调用Person函数,并且把zhangsan当成是this传入函数中,这就是为什么zhangsan可以调用Person函数定义的this.属性或this.方法的原因