JavaScript_构造函数/原型/实例对象的关系

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript_构造函数/原型/实例对象的关系相关的知识,希望对你有一定的参考价值。

技术分享图片
1.所有的实例对象都有隐式原型属性。
2.每一个函数function都有一个prototype显示原型属性。
3.对象的隐式原型的值为其对应构造函数的显式原型的值。
4.函数的prototype属性: 在定义函数时自动添加的, 默认值是一个空Object对象。
5.对象的proto属性: 创建对象时自动添加的, 默认值为构造函数的prototype属性值。
6.function Foo{}等于var Foo = new Function()所以有隐式原型属性,即所有函数都有隐式和显示原型属性。
7.所有函数的隐式原型都相等,都是new Function产生的。
8.function Function()既有显示原型属性也具有隐式原型属性且相同,说明Function=new Function。
9.function Object()的隐式原型等于function Function的显示原型,进一步说明每个函数都是Function的实例(包括他本身)。
10.函数的显示原型指向的对象, 默认是空的Object实例对象,单Object不满足。
注:Function的显示原型也是Object的实例
11.Object原型对象是原型链的尽头,即null

function Fn(){
            this.test1 = function(){
                console.log(‘test1()‘);
            };
        }

        Fn.prototype.test2 = function(){
            console.log(‘test2()‘);
        };

        var fn = new Fn();

        console.log(Fn.prototype instanceof Object)//true
        console.log(Object.prototype instanceof Object)//false
        console.log(Function.prototype instanceof Object)//true
        console.log(Function.__proto__===Function.prototype)//true
        console.log(Object.prototype.__proto__)//null

以上是关于JavaScript_构造函数/原型/实例对象的关系的主要内容,如果未能解决你的问题,请参考以下文章

03. JavaScript高级(3/5)(原型链讲解)

JavaScript-构造函数和原型

javascript的构造函数和实例对象prototype和__proto__的区别,原型对象及构造器的理解

Javascript学习笔记

JavaScript 构造函数和原型

js高级构造函数,实例对象和原型对象——prototype__proto__和constructor构造器