您的位置:首页 > Web前端 > JavaScript

js入门(十)——原型

2015-12-02 19:02 609 查看

引导

        任何方法,只有加上()才表示执行;不加的话,只是代表着将该方法的地址赋值给新的变量。

        在下面代码中

function Person(name){
this.name = name;
this.say = function(){
document.write("my name is"+this.name);
}
}
var p1 = new Person("lil");
var p2 = new Person("lil2");
alert(p1.say == p2.say);//false

        每一次在new一个Person对象时,其中say方法就会被重新创建一份,因此p1.say与p2.say是不相等的。但两个方法的内容完全一样,没必要在每一次创建对象时都重新创建一个方法。

        因此,可以将say定义到Person外面。如下:

function Person(name){
this.name = name;
this.say = say;
}
function say(){
document.write("my name is"+this.name);
}
var p1 = new Person("lil");
var p2 = new Person("lil2");
alert(p1.say == p2.say);//true
        这是因为p1中say指向的与p2中say指向的是同一块存储空间(即全局say方法存储位置)。但定义成全局方法后,任何地方都可以使用该方法,没办法保证只有Person对象才能使用。

基础

        每一个函数在创建的时候都会有一个prototype属性(即指向原型),该属性是一个指针,并且它总是指向于一个对象(即原型)。这个对象就是用来存储指定的属性和方法的。因此,使用该属性可以起到所有实例共享某些属性和方法的作用。故而,使用原型可以屏蔽引导中的缺陷。如下

function Person(){

}
var obj = Person.prototype;//其原型指向一个对象,将该对象引用赋值给obj
obj.say = function(){
alert("sayname");
};
var p1 = new Person();
var p2 = new Person();
document.write(p1.say == p2.say);//true。因为say方法存在于Person的原型中,所以两个变量是共享该方法的。

        构造函数.prototype=原型对象。原型对象.constructor = 构造函数。

        只能用函数名.prototype获取原型,不能使用对象.prototype获取原型。

指定原型对象

        可以为prototype指定一个自定义的对象,这个对象便成为该函数的原型。如下:

function Person(){
}
//为Person指定自定义的原型对象
Person.prototype = {
name:"name",
say:function(){
document.write("这是say函数");
}
}
var p1 = new Person();
document.write(p1.say());//调用自定义的原型对象中的say方法


        自定义原型对象时,如果没有指定原型的constructor,那么原型的构造方法为Object的构造方法。因此,自定义原型对象时,一定要指定constructor。即在对象的第一行加上:constructor:Person。但,使用该方法的情况时,constructor是可被枚举的,但在默认情况下constructor应该是不可被枚举的。为了避免该问题,应该使用Object.defineProperty()。

说明

        由于原型是一个对象,可以使用给对象定义属性和方法的方式对原型指定任何属性和方法。当原型的属性或方法与实例对象相同时,实例对象的会覆盖原型中的相应的属性或方法。如下:

function Person(){

}
var obj = Person.prototype;
obj.name = "prototype";
var p1 = new Person();
p1.name = "p1";
document.write(p1.name);//覆盖掉原型中的name属性,所以输出的是p1
document.write("<br/>");
var p2 = new Person();
document.write(p2.name);//输出原型中的name值"prototype"
         读取一个对象的属性时,会首先从该对象中搜索看是否有该属性,有则返回。如果没有,则继续到该对象的原型中搜索,有则返回,无则返回undefined。

        如果想读取原型中的属性值,可以通过Object.getPrototypeOf()获取到其原型,然后读取原型中的属性;或者是直接将对象中的相应属性删除掉。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: