zoukankan      html  css  js  c++  java
  • 关于new 这个动作怎么理解面试遇到过

      

    new的时候 到底发生了什么

    function B(name) {
    this.name = name
    this.getName = function() {
    console.log(this.name)
    }

    var c = 'ffff'
    console.log(c)
    }
    var b = new B('testb')

    当我们执行 var b = new B('testb') 的时候发生了什么?
    //  javascript 实际上执行的是:
    
    var o = new Object()   // 生成一个 新的 对象  b 这里 可以约等于  var b = {}
    
    o.__proto__ = B.prototype // 这里就是 函数对象中 独有的 prototype 属性。
    
                              // 这个独有的 prototype 属性 包含了一个 constructor 属性方法,指向的就是 构造函数, 也就是 这里的  function B(name) {}
    
    B.call(o)                 // tips :这里 就需要注意了,因为很多同学都搞不清楚 这里是什么意思。
                              
                              // 由于 call 的使用 将这里this是指向o, 所以就 可以 把什么this.name/getName 强行的绑定到o上。同时,需要注意的一点就是, 这里的 构造函数 执行科一遍, 只不过是 将 this 指向的 属性和方法,都 强行的 给 新创建的  这个 o 对象 绑定了一遍。
    
    var b = o                 // 把 这个 o 返回给了  b 。 从而完成了  var b = new B('testb') 的过程
    
    // 如果 还是不明白是 什么意思的话。 我们来看看  call 是干嘛用的 

    以我自己的话来理解的话:在new B('name')这个过程中,相当于 var b=new Object()然后把b的proto原型继承 构造函数的prototype,就是这句话
    b.__proto__ = B.prototype
    B.call(o)这样var b 就可以用构造函数中的方法了


    prototype 是 面向 构造函数,来思考, proto 是 面向 实例化 后 的对象 来思考就对了。

    出处:https://github.com/vueSpa/vue-2.x-SoundCode/blob/master/prototype-proto.md
     
    
    
  • 相关阅读:
    linux如何查看所有的用户和组信息(转载)
    linux下快速查找文件(转载)
    openLDAP学习笔记
    IDEA无法新建GUI Form文件
    Java开发环境配置时的dt.jar与tools.jar是什么(转载)
    windows bat批处理基础命令学习教程(转载)
    23. Merge k Sorted Lists
    一些词
    docker
    指定gpu
  • 原文地址:https://www.cnblogs.com/myfirstboke/p/9889298.html
Copyright © 2011-2022 走看看