zoukankan      html  css  js  c++  java
  • 继承:《原型和原型链(prototype 属性使您有能力向对象添加属性和方法。)》

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

      原型对象其实就是普通对象(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

     从这句console.log(f1.prototype) //f1 {} 的输出就结果可以看出,f1.prototype就是f1的一个实例对象。就是在f1创建的时候,创建了一个它的实例对象并赋值给它的prototype,基本过程如下:
     var temp = new f1();
     f1. prototype = temp;

      所以,Function.prototype为什么是函数对象就迎刃而解了,上文提到凡是new Function ()产生的对象都是函数对象,所以temp1是函数对象。
     var temp1 = new Function ();
     Function.prototype = temp1;

    那原型对象是用来做什么的呢?主要作用是用于继承。举了例子:
      var person = function(name){
       this.name = name
      };
      person.prototype.getName = function(){
         return this.name; 
      }
      var zjh = new person(‘zhangjiahao’);
      zjh.getName(); //zhangjiahao

       从这个例子可以看出,通过给person.prototype设置了一个函数对象的属性,那有person实例(例中:zjh)出来的普通对象就继承了这个属性。具体是怎么实现的继承,就要讲到下面的原型链了。

    三.原型链
       JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。以上面的例子为例:

      console.log(zjh.__proto__ === person.prototype) //true

    同样,person.prototype对象也有__proto__属性,它指向创建它的函数对象(Object)的prototype

      console.log(person.prototype.__proto__ === Object.prototype) //true

    继续,Object.prototype对象也有__proto__属性,但它比较特殊,为null

      console.log(Object.prototype.__proto__) //null

    我们把这个有__proto__串起来的直到Object.prototype.__proto__为null的链叫做原型链。如下图:

    五.constructor
      原型对象prototype中都有个预定义的constructor属性,用来引用它的函数对象。这是一种循环引用
      person.prototype.constructor === person //true
      Function.prototype.constructor === Function //true
      Object.prototype.constructor === Object //true

  • 相关阅读:
    [DB] 数据库的连接
    JS leetcode 翻转字符串里的单词 题解分析
    JS leetcode 拥有最多糖果的孩子 题解分析,六一快乐。
    JS leetcode 搜索插入位置 题解分析
    JS leetcode 杨辉三角Ⅱ 题解分析
    JS leetcode 寻找数组的中心索引 题解分析
    JS leetcode 移除元素 题解分析
    JS leetcode 最大连续1的个数 题解分析
    JS leetcode 两数之和 II
    JS leetcode 反转字符串 题解分析
  • 原文地址:https://www.cnblogs.com/ahu666/p/6145113.html
Copyright © 2011-2022 走看看