注意:本文不是javascript基础教程,如果你没有接触过原型的基本知识,应该先去了解一下,推荐看《javascript高级程序设计(第三版)》第6章:面向对象的程序设计。

上节已经提到,每个函数function都有一个prototype,即原型。这里再加一句话——每个对象都有一个__proto__,可成为隐式原型。

这个__proto__是一个隐藏的属性,javascript不希望开发者用到这个属性值,有的低版本浏览器甚至不支持这个属性值。所以你在Visual Studio 2012这样很高级很智能的编辑器中,都不会有__proto__的智能提示,但是你不用管它,直接写出来就是了。

var obj={};
console.log(obj.__proto__)

上面截图看来,obj.__proto__和Object.prototype的属性一样!这么巧!
答案就是一样。
obj这个对象本质上是被Object函数创建的,因此obj.__proto__===Object.prototype。我们可以用一个图来表示。

即,每个对象都有一个__proto__属性,指向创建该对象的函数的prototype。
那么上图中的“Object prototype”也是一个对象,它的__proto__指向哪里?
好问题!
在说明“Object prototype”之前,先说一下自定义函数的prototype。自定义函数的prototype本质上就是和 var obj = {} 是一样的,都是被Object创建,所以它的__proto__指向的就是Object.prototype。
但是Object.prototype确实一个特例——它的__proto__指向的是null,切记切记!

还有——函数也是一种对象,函数也有__proto__吗?
又一个好问题!——当然有。
函数也不是从石头缝里蹦出来的,函数也是被创建出来的。谁创建了函数呢?——Function——注意这个大写的“F”。
且看如下代码

以上代码中,第一种方式是比较传统的函数创建方式,第二种是用new Functoin创建。
首先根本不推荐用第二种方式。
这里只是向大家演示,函数是被Function创建的。

好了,根据上面说的一句话——对象的__proto__指向的是创建它的函数的prototype,就会出现:Object.__proto__ === Function.prototype。用一个图来表示。

上图中,很明显的标出了:自定义函数Foo.__proto__指向Function.prototype,Object.__proto__指向Function.prototype,唉,怎么还有一个……Function.__proto__指向Function.prototype?这不成了循环引用了?

对!是一个环形结构。

其实稍微想一下就明白了。Function也是一个函数,函数是一种对象,也有__proto__属性。既然是函数,那么它一定是被Function创建。所以——Function是被自身创建的。所以它的__proto__指向了自身的Prototype。
篇幅不少了,估计也都看烦了。快结束了。
最后一个问题:Function.prototype指向的对象,它的__proto__是不是也指向Object.prototype?
答案是肯定的。因为Function.prototype指向的对象也是一个普通的被Object创建的对象,所以也遵循基本的规则。

OK 本节结束,是不是很乱?

乱很正常。那这一节就让它先乱着,下一节我们将请另一个老朋友来帮忙,把它理清楚。这位老朋友就是——instanceof。

具体内容,请看下节分解。

深入理解javascript原型和闭包(4)——隐式原型相关推荐

  1. JS 原型链 prototypt 和隐式原型 _proto_

    prototype(原型) :  对象的一个属性,此属性使您有能力向对象添加属性和方法,当访问对象不存在属性是会自动到 prototype 中找 _proto_(隐式原型): 此对象构造函数(类)的原 ...

  2. JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】

    笔记.视频.源码:JavaScript(基础.高级)笔记汇总表[尚硅谷JavaScript全套教程完整版] 目   录 P15 15.尚硅谷_JS高级_函数的prototype 15:04 1. 函数 ...

  3. 粗解构造函数,原型,原型链,显式原型,隐式原型

    构造函数 引入:使用工厂函数来创造对象时,使用var obj =new Object(),创建后都是object,无法区分 创建一个构造函数,专门用来创建特定类型的对象,例如人的对象,动物的对象.构造 ...

  4. __proto__(隐式原型)与prototype(显式原型)

    最近了解了一下__proto__与prototype: prototype: 1.简单的说它就是一个属性且属性的值为地址,指向一个对象. 而它通常为函数的属性. 2.它主要用来共享属性和方法(常用于构 ...

  5. [js] 显示原型和隐式原型

    显示原型和隐式原型 今天看vue的时候,有一节老师讲了原型链,我突然开窍了明白了这到底怎么回事. 从概念入手 为什么他叫显示原型和隐式原型呢?我们知道显示原型是一个类的属性,而隐式原型是实例对象的属性 ...

  6. 深入理解JavaScript系列:闭包(Closures)

    介绍 本章我们将介绍在JavaScript里大家经常来讨论的话题 -- 闭包(closure).闭包其实大家都已经谈烂了.尽管如此,这里还是要试着从理论角度来讨论下闭包,看看ECMAScript中的闭 ...

  7. (基础)JavaScript类型转换(强制类型转换+隐式类型转换)

    JavaScript  中有五种基本数据类型(其中包括 String.Number.Boolean.Function.Symbol).三种对象类型(其中包括 Object.Date.Array)和两种 ...

  8. 深入理解javascript原型和闭包(7)——原型的灵活性

    在Java和C#中,你可以简单的理解class是一个模子,对象就是被这个模子压出来的一批一批月饼(中秋节刚过完).压个啥样,就得是个啥样,不能随便动,动一动就坏了. 而在javascript中,就没有 ...

  9. 深入理解JavaScript中的闭包

    闭包没有想象的那么简单 闭包的概念在JavaScript中占据了十分重要的地位,有不少开发者分不清匿名函数和闭包的概念,把它们混为一谈,我希望借这篇文章能够让大家对闭包有一个清晰的认识. 大家都知道变 ...

最新文章

  1. 数字转换成中文大小写
  2. ITK:将颜色贴图应用于图像
  3. 返回结果数据实体类R
  4. python数据分析基础教程考试试卷_Python数据分析-自测试卷5
  5. 13 个超炫的 Conky 配置
  6. 自定义select样式
  7. DIV+CSS_1_样式表的分类
  8. AE调整形状图层大小插件 BorderPatrol for mac
  9. C++11 修复了双重检查锁定问题(转)
  10. [转载] Dreamweaver——02 创建网页的基本对象
  11. ssh配置公钥_CentOS配置SSH免密登陆
  12. wps安装Mathtype插件遇到的问题
  13. Android开发入门基础
  14. Deep-Learned Regularization and Proximal Operator for Image Compressive Sensing
  15. 2,理论_滑杆_棘轮_间歇运行机构
  16. 计算机网络base,计算机网络中的术语100Base-TX/FX指的是什么?
  17. Error response from daemon: conflict: unable to delete acdcfe83bcc5 (must be forced) - image is bein
  18. python输入一个正整数_Python题目解答:输入一个整数N,输出N的所有最小因子
  19. mysql的自身防御不包括_2020高校邦《MySQL数据库基础》作业题库2020智慧树《大学物理 Ⅰ》判断题答案...
  20. 装linux系统(和win一起的双系统)

热门文章

  1. 规模估算失准 软件开发成空中楼阁
  2. Maven环境配置及IntelliJ IDEA中的Maven部署(亲自测试)
  3. 两个比较好的java在线手册网站
  4. 你需要知道的nginx304
  5. phpstorm+Xdebug断点调试PHP
  6. 文件权限及chmod使用方法
  7. 为PHP5.4开启Zend OPCode缓存
  8. delphi中,idftp怎样查找ftp服务器的是否存在一个文件,delphi – IDFTP DirExists和MakeDir...
  9. strtotime()加半个小时_炖羊肉,必须加这4种料,缺一味就不香!很多人做错,难怪不好吃...
  10. 大连海事大学计算机调剂,大连海事大学2017年考研调剂信息