JavaScript构造函数以及原型对象的认识
发布时间：2021-12-10 12:13:14 所属栏目：教程 来源：互联网
导读：以下是一个JavaScript构造函数的例子 如果是实例方法，不同的实例化，它们引用的地址是不一样的，是唯一的。 1 //定义一个构造函数 2 function People(name,age){ 3 this.name=name; 4 this.age=age; 5 this.dothings=function(){ 6 retrun this.name+this.a
|
以下是一个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 实例属性并没有重新原型属性，实例的对象采用就近原则。  （编辑：我爱制作网_潮州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330565号