js原型链的说明
首先需要明确的是：只有对象有__proto__属性，而函数只有prototype属性，没有__proto__属性，函数的原型有一个constructor属性，指向的是函数本身!
Function是Object的构造函数，而Object又是function的构造函数，也就是Object是Function.prototype原型的构造函数。
对于上面的javascript图的原型链而言，一切说明如下代码所演示的一样：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title></title> <script src="jquery-1.9.1.min.js"></script> </head> <body> <script type="text/javascript"> function Person(name,age){ this.name = name; this.age = age; } var a =new Person("zhagns",2); //无论是内置函数Object、Function还是自定义的函数本身都是一个对象，只要是对象就有__proto__原型对象， //这个原型对象指向的都是Function.prototype console.log(Person.__proto__===Function.prototype); //对于Function函数来说又是特殊的，因为它是一个函数，所以它本身是一个对象，也就是它的__proto__属性一定是指 //向Function.prototype;所以Function自身的__proto__指向的是 //自身的prototype，这和其它的内置函数或者自定义函数又是不同的 console.log(Function.__proto__ === Function.prototype); //无论是自定义的函数还是内置的Function函数，他们的原型又是一个对象，是对象就有__proto__属性，也就是他们的原 //型对象是Object.prototype,而Object.prototype也是一个Object类型的对象,它的__proto__原型对象是null。 console.log(Person.prototype.__proto__=== Object.prototype); //对象的类型是Object, console.log(typeof a) console.log(a instanceof Object); console.log(a instanceof Function) console.log(Object.prototype); console.log(typeof Object.prototype); console.log(Object.prototype.__proto__); //对与Function的prototype而言有点特殊，它不是一个Object类型的对象，而是一个function类型的对象,而且其原型对象是Object.prototype。 console.log(Function.prototype); console.log(typeof Function.prototype) console.log(Function.prototype.__proto__); console.log(typeof Function.prototype.__proto__); console.log(Object.prototype === Function.prototype.__proto__); console.log(Object.prototype.__proto__); //对象的类型是Object,而任何函数都是function类型的；也就是任何函数[自定义函数还是内置的Object、Function函数]都是function类型的! console.log(typeof Person) console.log(typeof Object) console.log(typeof Function) //任何函数都是Function的实例，同时任何函数也都是Object的实例! console.log(Function instanceof Object) console.log(Object instanceof Function) //综上：Function有2点特殊的地方： //1.它的__proto__原型对象指向的是自身的prototype属性。 //2.它的prototype不是Object类型的对象，而是一个function类型的对象，而且这个对象的原型对象是Object.prototype。 </script> </body></html> |
输出结果如下所示：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | [Web浏览器] "true" /FirstProject/index1.html (17)[Web浏览器] "true" /FirstProject/index1.html (21)[Web浏览器] "true" /FirstProject/index1.html (24)[Web浏览器] "object" /FirstProject/index1.html (26)[Web浏览器] "true" /FirstProject/index1.html (27)[Web浏览器] "false" /FirstProject/index1.html (28)[Web浏览器] "[object Object]" /FirstProject/index1.html (29)[Web浏览器] "object" /FirstProject/index1.html (30)[Web浏览器] "null" /FirstProject/index1.html (31)[Web浏览器] "function Empty() {}" /FirstProject/index1.html (33)[Web浏览器] "function" /FirstProject/index1.html (34)[Web浏览器] "[object Object]" /FirstProject/index1.html (35)[Web浏览器] "object" /FirstProject/index1.html (36)[Web浏览器] "true" /FirstProject/index1.html (37)[Web浏览器] "null" /FirstProject/index1.html (38)[Web浏览器] "function" /FirstProject/index1.html (40)[Web浏览器] "function" /FirstProject/index1.html (41)[Web浏览器] "function" /FirstProject/index1.html (42)[Web浏览器] "true" /FirstProject/index1.html (44)[Web浏览器] "true" /FirstProject/index1.html (45) |
感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】凌霞软件回馈社区，携手博客园推出1Panel与Halo联合会员
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步