我去！JS的原型是咋回事？

最近写公司的项目，写着写着发现自己的原型的理解还是不够透彻，又去网上查了一番资料，顺便总结一下，在顺便给到的朋友能提供一点帮助。如有遗漏，欢迎交流。

原型是啥？为什么要用原型？

原型就是 prototype 这个对象，在Js里函数会存在这个对象，实例对象是木有的，比如a数组就木有看图：

那为什么只有函数会有prototype呢？个人理解，有错勿喷

在JS里只有创建函数的时候，会自动添加一个prototype属性，函数是一个构造器，如果你去new 一个实例对象的话。会报错如图：

也就是说当你创建函数时，JS会为这个函数自动添加prototype属性，值是一个有 constructor 属性的对象，不是空对象。而一旦你把这个函数当作构造函数（constructor）调用（即通过new关键字调用），那么JS就会帮你创建该构造函数的实例，实例继承构造函数prototype的所有属性和方法（实例通过设置自己的__proto__指向承构造函数的prototype来实现这种继承）。

所以原型的作用就是用来继承的。

Funtion 和 Object的关系

函数在JS里是一等公民，最牛逼的那个。模拟的class类就是通过构造函数来实现的，但函数也是一个对象，而Object其实也是一个构造函数。如图：

这是为什么呢？

Function.__proto__ // 一个构造函数

Object._proto_ 也是一个函数

但是 Function.__proto__.__proto__  指向了object原型  所以instanceof 都是true

Function 的隐士原型指向了Object 从而继承了 object的一些方法也是对象的一个实例而已，但是object的构造函数 function Object 的隐士原型又指向了函数的prototype 形成一个闭环。所以函数也是对象，而对象又依赖于函数

巴特西

我去！JS的原型是咋回事？

我去！JS的原型是咋回事？

最新文章

热门文章