Function和Object 应该知道的

javascript有5种基础的内建对象(Fundamental Objects)，Object、Function、Error、Symbol、Boolean，而Object/Function尤为特殊，是定义其他内建对象或者普通对象和方法的基础。

详细的了解Object和Function对象有助于更好的理解javascript的一些工作原理。

和其他引用类型一样，Object/Function既是对象，有自己的方法和属性，也是函数，可以作为构造函数。
本文主要讨论以下几个问题：

Fucntion.prototype和普通对象的prototype有何区别？
Object.prototype.__proto__ = ？
Object.__proto__ = ?
Object、Function的原型对象有何特殊之处？

Function

Function的属性

在ES6标准中，Function 对象有两个属性：

length
值为1，这个属性的特性为{ [[Writable]]: false, [[Enumerable]]: false, [[Configurable]]: true }，即不可覆盖，不可被for...in遍历，但可以通过Object.defineProperty修改它的上面这些特性
prototype
为原型对象，（见ES最新标准说明 Function.prototpye）它跟一般函数的prototype的区别在于
- ❗️它不可写，不可配置，不可遍历。 即它永远指向固定的一个对象，且是其他所有函数的原型对象，所有函数本身的__proto__指向它。
```
const o = {number: 20}

Function.prototype = o // 依然是原来的值，未改变

typeof Array.__proto__ // 'function' [=== Function.prototype]

typeof Object.__proto__ // 'function' [=== Function.prototype]

typeof Array.prototype.__proto__ // 'object' [=== Object.prototype]

function F () {}

F.__proto__ === Function.prototype // true

F.prototype = o     // prototype指向o
```
- ❗️它是一个函数。 一般函数的prototype是一个带有constructor属性的普通对象，但Function的prototype是一个函数对象（built-in function object），是js中唯一一个默认prototype为函数的对象
```
typeof Function.prototype // 'function'

function F () {}

typeof F.prototype  // ☘ 'object'

typeof Object.prototype // 'object'
```

这是ES标准中规定的Function对象的两个属性，但其实在FireFox、Chrome在实现时，还有一个name属性，它的值就是'Function'。另外还有一个属性，就是__proto__

相比于Object，Function对象自带属性是比较少的

★ Function.prototype

在ES规范，有关Function.prototype部分定义的Function的prototype的方法有

Function.prototype.apply

Function.prototype.bind

Function.prototype.call

Function.prototype.contructor

Function.prototype.toString

Function.prototype[@@hasInstance](V)

函数和对象都有__proto__属性，指向构造函数的prototype属性所指向的对象，即它的原型对象。

而函数的__proto__属性（❗️并非它的原型对象prototype上的__proto__属性）指向Function.prototype，所以Function.prototype上的属性和方法都会被函数对象(function object)所继承。

通过上面的介绍，相信能够明白以下这些有意思的等式为何成立

Function.__proto__ === Function.prototype // true ❗️

Object.__proto__ === Function.prototype // true

Object.prototype.__proto__ === null // true

Function.prototype.__proto__ === Object.prototype // true

Object.prototype === Object.__proto__ // false

同时，因为函数对象本身有prototype属性，是Object的实例，所以也继承了Object.prototype的属性。

Object

★ Object函数对象的属性

Object作为函数，与普通函数一样，有length、prototype、__proto__、name属性，除此之外，还有很多没有被继承的私有方法

// 方法

Object.assign()

Object.create()

Object.defineProperties()

Object.defineProperty()

Object.entries()

Object.freeze()

Object.getOwnPropertyDescriptor()

Object.getOwnPropertyDescriptors()

Object.getOwnPropertyNames()

Object.getOwnPropertySymbols()

Object.getPrototypeOf()

Object.is()

Object.isExtensible()

Object.isFrozen()

Object.isSealed()

Object.keys()

Object.preventExtensions()

Object.seal

Object.setPrototypeOf()

Object.values()

Object函数对象的方法不是这里的重点，就不再展开。

★ Object.prototype

与Function.prototype和其他引用类型（Array.prototype、String.prototype）一样是不可写、不可配置、不可for...in遍历的，但依然可以被扩展，即可以往Object.prototype新增属性和方法

Object.isExtensible(Object.prototype) // true

❗️Object.prototype的一个重要特性是，它是所有对象原型链的终点，因为Object.prototype.__proto__的值为null，即

Object.prototype.__proto__ === null

一个对象的实例，沿着它的原型链，通过__proto__一层层往上找某一个属性，如果在Object.prototype上没找到，那就会返回undefined，所以，原型链不会无限的找下去。

function F () {}

F.prototype.age = 20

let f = new F()

f.__proto__ === F.prototype // true

f.__proto__.__proto__ === Object.prototype //true

f.__proto__.proto__.__proto__ === null // true

/**

 * 查找过程

 * f.color -> 没找到，继续

 * f.__proto__.color(F.prototype) -> 没找到，继续

 * f.__proto__.__proto__.color(F.prototype.__proto__，Object.prototype) 没找到，返回undefined

 * 如果继续 f.__proto__.__proto__.__proto__ (Object.prototype.__proto__) === null 结果跟上面一样

*/

console.log(f.color) // undefined

Object.prototype上的属性和方法，会被js中的所有方法和对象所继承，ES规范中的属性

Object.prototype.constructor

Object.prototype.hasOwnProperty()

Object.prototype.isPrototypeOf()

Object.prototype.propertyIsEnumerable()

Object.prototype.toLocaleString()

Object.prototype.toString()

Object.prototype.valueOf()

Object.prototype.__proto__

下图是Function、Object与Function.prototype、Object.prototye相互之间关系图

Object、Function的关系

Object和Function之间最让人琢磨不透的，就是他们的关系

Object instanceof Object // true

Object instanceof Function // true

Function instanceof Function // true

Function instanceof Object // true

const o = {}

o instanceof Object //true

o instanceof Function // false

function F () {}

F instanceof Object //true

F instanceof Function //true

未完待续 ~~~

巴特西