美文网首页
javascript原型和原型链

javascript原型和原型链

作者: 梵仇不是大侠 | 来源:发表于2018-11-06 13:42 被阅读0次

    一. 普通对象与函数对象

    JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object ,Function 是JS自带的函数对象。下面举例说明

    function f1(){};

    var f2 = function(){};

    var f3 = new Function(‘str’,’console.log(str)’);

    var o3 = new f1();

    var o1 = {};

    var o2 =new Object();

    console.log(typeof Object); //function

    console.log(typeof Function); //function

    console.log(typeof o1); //object

    console.log(typeof o2); //object

    console.log(typeof o3); //object

    console.log(typeof f1); //function

    console.log(typeof f2); //function

    console.log(typeof f3); //function

    在上面的例子中 o1 o2 o3 为普通对象,f1 f2 f3 为函数对象。怎么区分,其实很简单,凡是通过 new Function() 创建的对象都是函数对象,其他的都是普通对象。f1,f2,归根结底都是通过 new Function()的方式进行创建的。Function Object 也都是通过 New Function()创建的。


    二. 原型对象 

    在JavaScript 中,每当定义一个对象(函数)时候,对象中都会包含一些预定义的属性。其中函数对象的一个属性就是原型对象的prototype。注:普通对象没有prototype,但有proto属性

    可以这么理解 ,举个栗子:

     function Person(){}   

    //构造函数Person

    var person1=new Person();

    //person1是构造函数Person的实例

    person1.__proto__==Person.prototype 

    //true  (peron1.__proto__指向的就是创造出person1的函数的原型对象 就是指向的Person.prototype)

    Person.prototype 就是原型对象

    原型对象其实就是普通对象(Function.prototype除外,它是函数对象,但它很特殊,他没有prototype属性,前面说道函数对象都有prototype属性)。再举个栗子:

    function f1(){}; 

    console.log(f1.prototype) //f1{}

    console.log(typeof f1. prototype) //Object

    console.log(typeof Function.prototype) // Function,这个特殊

    console.log(typeof Object.prototype) // Object

    console.log(typeof Function.prototype.prototype) //undefined

    demo

    相关文章

      网友评论

          本文标题:javascript原型和原型链

          本文链接:https://www.haomeiwen.com/subject/kqntxqtx.html