• JS原型


    1. js 获取原型的方法?

    p.__proto__  :
          (非标准方法,是浏览器实现的,__proto__ 指向 构造函数的原型)
    p.constructor.prototype  :
          (由于原型链的关系,p 里虽然没有constructor,但是其原型上有,
          而 constructor 又指向了构造函数,函数都有prototype属性,该属性又指向了该构造函数的原型)
    Object.getPrototypeOf(p)
    

    2. 原型链:

    • 每个函数(构造函数) 都有 prototype 属性,该属性指向 该构造函数的原型对象(该属性为引用对象)
    • 每个引用对象,都有一个 隐藏属性 __proto__,该属性 指向 该对象的构造函数的 prototype 属性。
    a.__proto__ === A.prototype; // a.__proto__指向 a 的构造函数(即 A)的原型对象
    A.prototype.__proto__ === Object.prototype; // A 的原型对象 的 __proto__ 指向 Object的构造函数的原型对象
    /* 因为 A的原型对象 的构造函数为 Object */
    

    3. new 一个对象的过程?

    1. 创建一个新对象 son
    2. 新对象的__proto__ 指向 构造函数的原型

      son.__proto__ = Mother.prototype

    3. 改变 this 指向

      Mather.call(son)

    4. 执行构造函数中的代码

      this.xxx = xxx;

    5. 如果函数没有返回值,就自动返回 该新对象

      return this;

    // 第5步,由于 一般创建对象都是 new Mother(); 如果是new的会自动返回新对象
    // 如果没有new,直接Mother(),那么必须在function Mother(){ } 里面加上 return this;
    // 否则不会返回
    

    4. instanceof 的作用?

    // instanceof 运算符判断 对象的原型链上是否存在着 某个构造函数的 prototype 对象
    // 实现:
    
    function myInstanceof(left, right) {
      let proto = Object.getPrototypeOf(left), // 获取对象的原型
        prototype = right.prototype; // 获取构造函数的 prototype 对象
    
      // 判断构造函数的 prototype 对象是否在对象的原型链上
      while (true) {
        if (!proto) return false;
        if (proto === prototype) return true;
    
        proto = Object.getPrototypeOf(proto);
      }
    }
    
  • 相关阅读:
    杂记:高僧的炒股境界
    在Windows 7中使用tsmmc远程桌面
    VS2010初体验
    code4fun: one service,one config
    WCF进阶:将编码后的字节流压缩传输
    有高手想换工作的么?
    code4fun:host wcf service just in time
    evey的几张鼠绘
    说说WCF Rest
    外包一类似联众room的项目
  • 原文地址:https://www.cnblogs.com/pengnima/p/13051310.html
Copyright © 2020-2023  润新知