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

相关文章

  • JavaScript几种弹窗事件的使用

    JavaScript几种弹窗事件的使用

    这篇文章主要介绍了JavaScript几种弹窗事件的使用,弹窗事件就是在我们执行某操作的时候,弹出信息框给出提示。或收集数据的时候,弹出窗口收集信息,不想收集可以取消隐藏,下文介绍需要的朋友可以参考一下
    2022-02-02
  • js中判断一个数是不是素数的三种方法例子

    js中判断一个数是不是素数的三种方法例子

    这篇文章主要给大家介绍了关于js中如何判断一个数是不是素数的三种方法,素数(只能被1和本身整除的数)规律:把这个数除以它之前的每一个数(从2开始)只要找到一个整除(余数为0)就是非素数,需要的朋友可以参考下
    2023-10-10
  • JavaScript过滤字符串中的中文与空格方法汇总

    JavaScript过滤字符串中的中文与空格方法汇总

    这篇文章主要介绍了JavaScript过滤字符串中的中文与空格方法汇总 的相关资料,需要的朋友可以参考下
    2016-03-03
  • 一个仿微博登陆邮箱提示框js开发案例

    一个仿微博登陆邮箱提示框js开发案例

    这篇文章主要为大家详细介绍了一个仿邮箱登录提示框js开发案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 一文详解MySQL5.7与MySQL8之间的区别

    一文详解MySQL5.7与MySQL8之间的区别

    MySQL作为最常用的开源关系型数据库管理系统之一,一直在不断发展和改进,其中,MySQL 5.7和MySQL 8是两个备受关注的版本,它们之间存在一些关键的差异,本文将深入探讨这两个版本之间的主要差异,需要的朋友可以参考下
    2023-11-11
  • 小程序实现日历打卡功能

    小程序实现日历打卡功能

    这篇文章主要为大家详细介绍了小程序实现日历打卡功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript双向链表实现LFU缓存算法

    JavaScript双向链表实现LFU缓存算法

    本文主要介绍了JavaScript双向链表实现LFU缓存算法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • JavaScript实现的鼠标跟随特效示例【2则实例】

    JavaScript实现的鼠标跟随特效示例【2则实例】

    这篇文章主要介绍了JavaScript实现的鼠标跟随特效,结合2则实例形式分析了javascript针对鼠标事件的响应、计算、处理及页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2018-12-12
  • 原生js实现公告滚动效果

    原生js实现公告滚动效果

    这篇文章主要为大家详细介绍了原生js实现公告滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JS使用定时器与事件监听实现轮播图切换功能

    JS使用定时器与事件监听实现轮播图切换功能

    现在很多网站都有轮播图,下面这篇文章主要给大家介绍了关于JS如何使用定时器与事件监听实现轮播图切换功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11

最新评论