Javascript原型链和原型的一个误区
更新时间：2014年10月22日 15:57:44 投稿：hebedich
这篇文章主要介绍了Javascript原型链和原型的一个误区,需要的朋友可以参考下
之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,
如, 如下的代码:
复制代码 代码如下:
function Foo() {};
var foo = new Foo();
Foo.prototype.label = "laruence";
alert(foo.label); //output: laruence
alert(Foo.label);//output: undefined
今天看到了如下这个图:
Javascript object layout
另外, 在Javascript Object Hierarchy看到:
The prototype is only used for properties inherited by objects/instances created by that function. The function itself does not use the associated prototype.
也就是说, 函数对象的prototype并不作用于原型链查找过程中,
今天在firefox下发现(因为firefox通过__proto__暴露了[[prototype]]), 真正参与标识符查找的是函数对象的__proto__,
复制代码 代码如下:
function Foo() {};
var foo = new Foo();
Foo.__proto__.label = "laruence";
alert(Foo.label); //output: laruence
alert(foo.label);//output: undefined
而, 显然的:
复制代码 代码如下:
function Foo() {};
alert(Foo.__proto__ === Foo.prototype); //output: false
另外, 也解释了,
复制代码 代码如下:
alert(Object.forEach); // undefined
Function.prototype.forEach = function(object, block, context) {
for (var key in object) {
if (typeof this.prototype[key] == "undefined") {
block.call(context, object[key], key, object);
}
}
};
alert(Object.forEach);
alert(Function.forEach);
alert(Object.forEach === Function.forEach); // true
相关文章
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
这篇文章主要介绍了bootstrap模态框嵌套、tabindex属性、去除阴影,需要的朋友可以参考下2017-10-10
今天小编就为大家分享一篇layer.open关闭父窗口 以及调用父页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了ExtJs异步无法向外传值和赋值的完美解决办法,需要的朋友可以参考下2017-06-06
这篇文章主要为大家详细介绍了js实现计时器秒表功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
javascript动画系列之网页白板 javascript实现的白板(兼容ff,ie,chrome,……)2010-07-07
这篇文章介绍了判定是否原生方法的JS代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要为大家介绍了JavaScript 事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了Bootstrap导航栏各元素操作方法，针对表单、按钮、文本进行操作，感兴趣的小伙伴们可以参考一下2015-12-12![JS 动态获取节点代码innerHTML分析 [IE,FF]](//img.jbzj.com/images/xgimg/bcimg8.png)
JS 动态获取节点代码innerHTML分析 [IE,FF]
在IE 环境下 赋值类型为对象时 innerHTML 获取不到其改变，在FireFox环境下 .属性 方式获取不到其改变。2009-11-11
JavaScript中16进制颜色与rgb颜色互相转换的示例代码
这篇文章主要介绍了JavaScript中16进制颜色与rgb颜色互相转换的示例代码,通过示例代码介绍了JS 颜色16进制、rgba相互转换问题,感兴趣的朋友一起看看吧2024-01-01
![JS 动态获取节点代码innerHTML分析 [IE,FF]](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论