javascript - JS中不能找到原型链中的方法
本文介绍了javascript - JS中不能找到原型链中的方法的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
//定义飞船的构造函数
function Ship (id) {
var id = id;
return {
getId : function(){
return id;
}
}
}
//ship的prototype重定义
Ship.prototype = {
//因为Ship.prototype覆盖原来的prototype所以constructor也被覆盖,要重新指定一下。
constructor:Ship,
runShip:function (id){},
stopShip:function (id){},
destroyShip:function (id){},
powerUp:function (id){}
}
var a = new Ship(0);
console.log(ships[0].constructor === Ship);//false
console.log(Ship.prototype.constructor === Ship);//true
console.log(ships[0].constructor.prototype.constructor === Ship);//false
这样的结果导致a变量不能访问Ship原型链中的方法,哪里有问题导致的呢?怎么样才能访问到Ship.prototype中的runShip这些方法呢?求解。谢谢。
解决方案
问题出在你的构造函数上面,因为你在函数内直接return了它的getId方法,因此后续的针对ship的原型绑定都直接失效! 过早的return 是主要原因
这是你绑定之后a对象的属性和构成: 可以看到,并没有那几个方法!
//定义飞船的构造函数
function Ship (id) {
var id = id;
this.getId = function(){
return id;
}
}
这样绑定在不修改你之前返回值和获取getId方法的前提下,是最好的,
function Ship (id) {
this.id = id;
this.getId = function(){
return id;
}
}
//获取上面的id,修改prototype里面的runship方法:
runShip : function(){
console.log(this.id);
}
这篇关于javascript - JS中不能找到原型链中的方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文