首页 > 代码库 > Javascript构造函数简析

Javascript构造函数简析

2024-07-24 11:09:34   222人阅读

构造函数


根据调研，在使用new操作符通过构造函数实例化一个对象时，经过了以下过程：

  1. 创建一个空对象。
  2. 将这个空对象的__proto__成员指向了构造函数对象的prototype成员对象。
  3. 将构造函数的作用域赋给新对象，因此构造函数中的this指向新对象，然后再在该对象上下文中调用构造函数。
  4. 返回新创建对象。

注意：在JavaScript标准中，并没有__prop__这个属性，不过它现在已经是一些主流的JavaScript执行环境默认的一个标准属性，用于指向构造函数的原型。该属性是默认不可见的，而且在各执行环境中实现的细节不尽相同，例如IE浏览器中不存在该属性。我们只要知道Javascript对象内部存在指向构造函数原型的指针就可以了，这个指针是在调用new表达式的时候自动赋值的，并且我们不应该去修改它。

function Person(msg){

     //特权属性(公有属性)
     this.myMsg = msg; //只在被实例化后的实例中可调用
     this.address = ‘大连‘;
     
     //私有属性
     var name = ‘Sumer‘;
     var age = 21;
     var that = this;
     
     //私有方法
     function getName(){
         alert(that.name);
     }
     //公有方法，能被外部公开访问，这个方法每次实例化都要重新构造而prototype是原型共享，所有实例化后，都共同引用同一个
     this.getAge = function(){
         alert(age); //在公有方法中可以访问私有成员
     }

     //私有和公有成员在函数的内部，在构造函数创建的每个实例中都会包含同样的私有和公有成员的副本，因而实例越多占用的内存越多

    //而且私有成员仅仅是在对象创建时，由构造函数在对象上下文下运行，不具有该对象的直接引用。

}

注意：由于JS函数的作用域特性，这些私有成员，被所有在构造函数中定义的公有方法所共享，而且仅被在构造函数中定义的公有方法所共享。这意味着，在prototype中定义的类成员将不能访问在构造体中定义的私有成员。成员）。

 //公有方法，适用于通过new关键字实例化的该对象的每个实例，向prototype中添加成员将会把新方法添加到构造函数的底层中去
 Person.prototype.sayHello = function(){
     alert(‘hello world!‘);
 }
 //静态属性
 //适用于对象的特殊实例，就是作为Function对象实例的构造函数本身
 Person.name = ‘china‘;
 //静态方法
 Person.alertname = function(){
    alert(this.name);
 }
 //实例化
 var m1 = new Person(‘me‘);
 //---- 测试属性 ----//
 //console.log(Person.name); //china
 //console.log(m1.name); //undefined, 静态属性不适用于一般实例
 //console.log(m1.constructor.name); //china, 想访问类的静态属性，先访问该实例的构造函数，然后在访问该类静态属性
 //console.log(Person.address); //undefined, Person中的this指的不是函数本身，而是调用address的对象，而且只能是对象
 //console.log(m1.address); //大连 此时this指的是实例化后的m1
 
 //---- 测试方法 ----//
 //Person.alertname(); //china,直接调用函数的类方法
 //m1.alertname(); //FF: m1.alertname is not a function, alertname 是Person类的方法，和实例对象没有直接关系
 //m1.constructor.alertname(); //china, 调用该对象构造函数（类函数）的方法（函数）
 //m1.sayHello(); //hello everyone, myObject类的prototype原型下的方法将会被实例继承
 //Person.sayHello(); //Person.sayHello is not a function，sayHello是原型方法，不是类的方法
 
 //---- 测试prototype ----//
 //console.log(m1.prototype); //undefined, 实例对象没有prototype
 //console.log(Person.prototype); //Object 
 //alert(Person.prototype.constructor); //console.log返回Person(msg)，此时alert()更清楚，相当于Person

 //console.log(Person.prototype.constructor.name); //china, 相当于Person.name;

由此分析可以清楚的了解到，使用私有成员，是以牺牲代码可读性为代价的。而且这种实现更多的是一种JavaScript技巧，因为它并不是语言本身具有的机制。不应该过多的应用在JS的模型构建中。公有成员的使用，更能提高我们代码的可读性，使我们构建的模型更加清晰。

Javascript构造函数简析


联系
我们