Function和Object的鸡先蛋先问题

详细请看木易杨的个人博客

一、Object.prototype

Object.prototype是Object的原型对象,这个是显而易见的,它的[[Prototype]]属性是null,访问器属性__proto__,指向一个对象的内部[[Prototype]],Object.prototype的__proto__也就指向null,所以我们会说,null是原型链的顶端

但是我们需要了解的一点是 Object.prototype并不是通过Object函数创建的,它其实是浏览器底层根据ECMAScript规范创造的一个对象,原因如下:
实例对象的__proto__指向构造函数的prototype,但是Object.prototype.__proto__是指向null的,代表Object.prototype它不是任何一个构造函数的实例,它是凭空创造出来的,浏览器底层创造出来的

所以在不考虑null的情况下,Object.prototype就是原型链的顶端,所有对象都继承了它的toString等方法和属性

二、Function.prototype

Function.prototype对象是一个函数,其[[Prototype]]内部属性值指向内建对象的Object.ptototype.Function.prototype对象自身是没有valueOf属性的,其从Object.prototype对象继承了valueOf属性
在这里插入图片描述
Function.prototype 的 [[Class]] 属性是 Function,所以这是一个函数,但又不大一样,因为我们知道只有函数才有prototype属性,但并不是所有函数都有这个属性,Function.prototype就没有,Function.prototype.prototype为undefined

let fun = Function.prototype.bind()

function.prototype也为undefined

根据木易杨的理解,是Function.prototype是引擎创建出来的函数,引擎认为不需要给这个函数对象添加prototype属性,不然Function.prototype.prototype…将无休止且没有存在的意义

三、function Object

Object作为构造函数时,其[[Prototype]]内部属性值指向Function.prototype

在这里插入图片描述

  • 使用对象字面量创建的对象,其 [[Prototype]] 值是 Object.prototype。

  • 使用数组字面量创建的对象,其[[Prototype]] 值是 Array.prototype。

  • 使用 function f(){} 函数创建的对象,其 [[Prototype]] 值是 Function.prototype。

  • 使用 new fun() 创建的对象,其中 fun 是由JavaScript 提供的内建构造器函数之一(Object,Function,Array, Boolean, Date,Number, String 等等),其[[Prototype]]值是fun.prototype。

  • 使用其他 JavaScript构造器函数创建的对象,其 [[Prototype]] 值就是该构造器函数的 prototype 属性。

四、function Function

Function构造函数是一个函数对象,其[[Class]]属性是Function。Function的[[Prototype]]属性指向了Function.prototype

cec

五、分析

Object instanceof Function //true
Function instanceof Object //true

Object instanceof Object //true
Function instanceof Function //true

所以到底谁继承了谁,谁有是谁的源头?

Function.prototype 和 Function.__proto__都指向了Function.prototype

1、关于Function.proto === Function.prototype有两种解释,争论点在于,Function对象是不是由Function构造函数创建的一个实例

one:
按照javaScript中"实例"的定义,a是b的实例即a instanceof b为true,默认的判断条件就是b.prototype在a的原型链上。而Function instanceof Function为true,本质上即Object.getPrototypeOf(Function) === Function.prototype,正符合此定义

two:
Function是built-in的对象,也就是并不存在“Function对象是由Function构造函数创建”这样会显然造成鸡生蛋蛋生鸡的问题。实际上,当你直接写一个函数时(如function
f(){} 或 x => x,也不存在调用Function构造器,只有在显示调用Funtion构造器时才有

木易杨比较偏向于第二种解释,即现有Function.prototype然后有的function Function(),所以就不存在鸡生蛋蛋生鸡的问题了,把Function.__proto__指向Function.prototype是为了保证原型链的完整,让Function可以获取定义在Object.prototype上的方法

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值