首页 > 代码库 > javascript高级知识点——函数原型
javascript高级知识点——函数原型
代码信息来自于http://ejohn.org/apps/learn/。
向函数的原型中添加方法
function Ninja(){} Ninja.prototype.swingSword = function(){ return true; }; var ninjaB = new Ninja(); console.log( ninjaB.swingSword(), "Method exists and is callable." );
通过实例化对象可以访问,因为构造函数实例化的对象拥有__proto__属性这个属性的值是构造函数的原型,如果实例化对象本身没有这个方法,它自动去访问__proto__,所以可以调用原型里的方法。
调用顺序
function Ninja(){ this.swingSword = function(){ return true; }; } // Should return false, but will be overridden Ninja.prototype.swingSword = function(){ return false; }; var ninja = new Ninja(); console.log( ninja.swingSword(), "调用的是实例化对象方法,而非原型的" );
这个例子可以很好的说明调用顺序:先访问实例化对象自身,如果没有才访问其函数原型中的。
原型的改变影响所有继承它的实例化对象
function Ninja(){ this.swung = true; } var ninjaA = new Ninja(); var ninjaB = new Ninja(); Ninja.prototype.swingSword = function(){ return this.swung; }; console.log( ninjaA.swingSword(), "即使在定义之后,方法仍然存在" ); console.log( ninjaB.swingSword(), "同样的情况" );
正如先前所说,实例化对象本身没有的属性,它就去函数的原型里寻找。如果原型修改,它寻找的结果也不一样。
问题:构建可以链式调用的方法
function Ninja(){ this.swung = true; } var ninjaA = new Ninja(); var ninjaB = new Ninja(); //在原型里增加一个方法,返回调用者,并修改swung的值 console.log( ninjaA.swing().swung ); console.log( ninjaB.swing().swung );
通过返回this实现
function Ninja(){ this.swung = true; } var ninjaA = new Ninja(); Ninja.prototype.swing= function(){ this.swung = false; return this;} console.log( ninjaA.swing().swung );
this指向调用它的对象,在方法中返回this,函数执行完毕时,仍然是调用它的对象。
javascript高级知识点——函数原型
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。