技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> Javascript原型链和原型的一个误区

Javascript原型链和原型的一个误区

浏览:2277次  出处信息

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,

如, 如下的代码:

  1. function Foo() {};
  2. var foo = new Foo();
  3. Foo.prototype.label = "laruence";
  4. alert(foo.label); //output: laruence
  5. alert(Foo.label);//output: undefined

今天看到了如下这个图:

Javascript object layout

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__,

  1. function Foo() {};
  2. var foo = new Foo();
  3. Foo.__proto__.label = "laruence";
  4. alert(Foo.label); //output: laruence
  5. alert(foo.label);//output: undefined

而, 显然的:

  1. function Foo() {};
  2. alert(Foo.__proto__ === Foo.prototype); //output: false

另外, 也解释了,

  1. alert(Object.forEach); // undefined
  2.  
  3. Function.prototype.forEach = function(object, block, context) {
  4.     for (var key in object) {
  5.         if (typeof this.prototype[key] == "undefined") {
  6.             block.call(context, object[key], key, object);
  7.         }
  8.     }
  9.  
  10. };
  11.  
  12. alert(Object.forEach);
  13. alert(Function.forEach);
  14. alert(Object.forEach === Function.forEach); // true

建议继续学习:

  1. 轻量级在线原型设计工具mockingbird    (阅读:4128)
  2. 产品交互原型设计工具分享    (阅读:2581)
  3. 原型: 新浪微博客户端    (阅读:2319)
  4. 非原型 不设计    (阅读:2083)
  5. Javascript继承-原型的陷阱    (阅读:2151)
  6. 高效输出移动app产品原型    (阅读:2064)
  7. 关于快速原型的一点纠结    (阅读:1730)
  8. 页面线框图教程(之七):不需要存在的原型    (阅读:1639)
  9. JavaScript原型之路    (阅读:1585)
  10. iOS设备上高效演示APP原型的方法总结    (阅读:1449)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1