手机版
你好,游客 登录 注册
背景:
阅读新闻

JavaScript构造函数以及原型对象的理解

[日期:2017-01-13] 来源:Linux社区  作者:panda [字体: ]

以下是一个JavaScript构造函数的例子

如果是实例方法,不同的实例化,它们引用的地址是不一样的,是唯一的。

 1  //定义一个构造函数
 2  function People(name,age){
 3     this.name=name;
 4     this.age=age;
 5     this.dothings=function(){
 6       retrun this.name+this.age;
 7      }
 8  }
 9 
10  var people1 = new People("panda1",25);
11  var people2 = new People("panda2",26);
12  alert(people1.name==people2.name)  //false

另外一种编写原型对象的方法,通过字面量的方式创建原型对象,这里{}就是对象,是Object,new Object相对于{}

People.prototype={
  constructor:People  //强制指向People
   name:"panda",
   age:25,
   dothings:function(){
     return this.name+this.age;
   }
}
var people = new People();
alert(people.constructor);  //function People(){}  

使用字面量的方式创新对象,使用constructor属性不会指向实例,而会指向Object。

创建的每一个函数都有一个prototype(原型)属性,也就是一个对象,原型的用途:包含由特定类型的所有实例共享的属性和方法。换句话说就是prototype通过调用构造函数而创建的那个对象的原型对象。

原型对象的好处:让所有对象实例共享它的所包含的属性与方法,不必在构造函数中定义对象信息,而是可以直接将这些添加到原型中。

 //声明一个构造函数
 function People(){}

 //在原型添加属性
 People.prototype.name="panda";
 People.prototype.age=25;
 people.prototype.dothings=function(){
   return this.name+this.age;
 }    

 //实例化构造函数
 var people1 = new People();
 var people2 = new People();
 alert(people1.name==perople2.name)  //true 因为都是原型里的方法,它们的地址是共享的,大家都来自同一地方。

使用对象实例无法访问到prototype,prototype属性是一个对象,需要访问prototype对象,通过people.__proto__来访问或者使用构造函数名(对象名)People.prototype,但是这个属性在IE浏览器不支持(undefind),__proto__是指向原型对象的一个指针,
另外还有一个constructor属性,这是一个构造属性,获取构造函数本身,作用是:被原型指针定位,得到构造函数本身,也就是对象实例对应原型对象的作用。
判读一个对象是否指向该构造函数的原型对象,可以使用isPrototypeOf方法来测试

People.prototype.isPrototypeOf(people1)  //true

如果实例与原型里同时存在相同的属性,比如例子中的People下的name属性,

var people = new People();
people.name="bear";

alert(people.name);  //bear
alert(people1.name);  //panda

实例属性并没有重新原型属性,实例的对象采用就近原则。

本文永久更新链接地址http://www.linuxidc.com/Linux/2017-01/139525.htm

linux
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款