zoukankan      html  css  js  c++  java
  • new 到底发生了什么

     
    function B(name) {
        this.name = name
        this.getName = function() {
             console.log(this.name)
          }
        var c = 'test'
        console.log(c)
    }

    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') 的过程 B('testb') 相当于: // window.name = 'testb' // window.getName = function() { console.log(this.name) }
  • 相关阅读:
    函数
    vue中v-for循环如何将变量带入class的属性名中
    代码规范 前端导航
    2019.8.5 mysql 删除 更新
    2019.8.1
    2019.7.31 Xshell简单学习
    日常使用知识点
    FormData实现文件多次添加累加上传和选择删除
    上传图片
    验证码
  • 原文地址:https://www.cnblogs.com/szatpig/p/6795091.html
Copyright © 2011-2022 走看看