天天看点

原型和原型链的理解和使用

1、对象字面量是一个 名/值 对列表,每个 名/值 对之间用逗号分隔,最后用一个大括号括起来。名/值对 表示对象的一个属性或方法,名和值之间用冒号分隔。

/**

* @author zhanghua

*/

var literal = {

    add: function(){

        alert("add");

    },

    del: function(){

        alert("delete");

    },

    update: function(){

        alert("update");

    },

    name: "zhangsan",

    callLiteral: function(){

        // 对于当前字面量对象的调用,要加this关键字

        this.add();

    }

};

2、首先为一个对象定义构造函数,为对象的属性赋值。这里面的属性是自定义属性。

var BaseCalculator = function() {

this.decimalDigits = 2;

};

3、原型使用的两种方式:

(1) 通过对象字面量给Calculator的prototype属性赋值:

BaseCalculator.prototype = {

add: function(x, y) {

return x + y;

},

subtract: function(x, y) {

return x - y;

}

};

(2)通过立即执行函数为prototype赋值,可以达到方法的私有化:

BaseCalculator.prototype = function () {

add = function (x, y) {

return x + y;

},

subtract = function (x, y) {

return x - y;

}

return {

add: add,

subtract: subtract

}

} ();

(3)

Calculator.prototype = BaseCalculator.prototype; Calculator的实例只能访问BaseCalculator原型中的方法和属性,不能访问构造函数中的属性。

Calculator.prototype = new BaseCalculator(); Calculator的实例既能访问BaseCalculator原型中的方法和属性,也能访问构造函数中的属性。

(4)重写原型:在使用第三方JS类库的时候,往往有时候他们定义的原型方法是不能满足我们的需要,但是又离不开这个类库,所以这时候我们就需要重写他们的原型中的一个或者多个属性或function

Calculator.prototype.subtract = function(x, y, z){return x + z –y;};

(5) 原型链: 是由子对象对父对象进行多次原型继承形成的链式关系。当调用子对象的某个属性或方法时,javascript会向上遍历原型链,直到找到为止,没有返回undefined。但是注意: 属性在查找的时候是先查找自身的属性,如果没有再查找原型,再没有,再往上走,一直插到Object的原型上。

(6) hasOwnProperty函数: 是Object.prototype的一个方法,它能够查找一个对象是否包含自定义属性而不是原型链的属性。可以对 for in 进行过滤。 但是注意: 最好使用{}.hasOwnProperty方式先除去

某个对象中可能包含的对hasOwnProperty属性非法占用。