JS的构造函数-阿里云开发者社区

JS的构造函数

2017-11-07 1065

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

// 构造函数
// 使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法
// 当对象被实例化后，构造函数会立即执行它所包含的任何代码
function myObject(msg){
      // 特权属性(公有属性)
      this .myMsg = msg; // 只在被实例化后的实例中可调用
      this .address = '上海';

      // 私有属性
      var name = '豪情';
      var age = 29;
      var that = this ;

      // 私有方法
      function sayName(){
         alert(that.name);
     }
      // 特权方法(公有方法)
      // 能被外部公开访问
      // 这个方法每次实例化都要重新构造而prototype是原型共享，所有实例化后，都共同引用同一个
      this .sayAge = function (){
         alert(name); // 在公有方法中可以访问私有成员
     }
      // 私有和特权成员在函数的内部，在构造函数创建的每个实例中都会包含同样的私有和特权成员的副本，
      // 因而实例越多占用的内存越多
}
// 公有方法
// 适用于通过new关键字实例化的该对象的每个实例
// 向prototype中添加成员将会把新方法添加到构造函数的底层中去
myObject.prototype.sayHello = function (){
     alert('hello everyone!');
}
// 静态属性
// 适用于对象的特殊实例，就是作为Function对象实例的构造函数本身
myObject.name = 'china';
// 静态方法
myObject.alertname = function (){
     alert( this .name);
}
// 实例化
var m1 = new myObject('111');
// ---- 测试属性 ----//
// console.log(myObject.name); //china
// console.log(m1.name); //undefined, 静态属性不适用于一般实例
// console.log(m1.constructor.name); //china, 想访问类的静态属性，先访问该实例的构造函数，然后在访问该类静态属性
// console.log(myObject.address); //undefined, myObject中的this指的不是函数本身，而是调用address的对象，而且只能是对象
// console.log(m1.address); //上海此时this指的是实例化后的m1

// ---- 测试方法 ----//
// myObject.alertname(); //china,直接调用函数的类方法
// m1.alertname(); //FF: m1.alertname is not a function, alertname 是myObject类的方法，和实例对象没有直接关系
// m1.constructor.alertname(); //china, 调用该对象构造函数（类函数）的方法（函数）
// m1.sayHello(); //hello everyone, myObject类的prototype原型下的方法将会被实例继承
// myObject.sayHello(); //myObject.sayHello is not a function，sayHello是原型方法，不是类的方法

// ---- 测试prototype ----//
// console.log(m1.prototype); //undefined, 实例对象没有prototype
// console.log(myObject.prototype); //Object
// alert(myObject.prototype.constructor); //console.log返回myObject(msg)，此时alert()更清楚，相当于myObject

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