zoukankan      html  css  js  c++  java
  • js如何手写一个new

    手写new

    看一下正常使用new

    function Dog(name){
        this.name = name
    }
    Dog.prototype.sayName = function(){
        console.log(this.name)
    }
    var dog = new Dog('小狗')
    dog.sayName()
    

    结果为小狗

    自己手写的new

    function Dog(name){
        this.name = name
    }
    Dog.prototype.sayName = function(){
        console.log(this.name)
    }
    // 上面是本身Dog
    function _new(fn,...args){   // ...args为ES6展开符,也可以使用arguments
        //先用Object创建一个空的对象,
        const obj = Object.create(fn.prototype)  //fn.prototype代表 用当前对象的原型去创建
        //现在obj就代表Dog了,但是参数和this指向没有修改
        const rel = fn.apply(obj,args)
        //正常规定,如何fn返回的是null或undefined(也就是不返回内容),我们返回的是obj,否则返回rel
        return rel instanceof Object ? rel : obj
    }
    var _newDog = _new(Dog,'这是用_new出来的小狗')
    _newDog.sayName()
    

    结果为这是用_new出来的小狗

    总结一下

    new相当于上面的哪些代码呢?

    new的具体步骤

    1. 创建一个空对象 var obj = {}
    2. 修改obj.__proto__=Dog.prototype
    3. 只改this指向并且把参数传递过去,call和apply都可以
    4. 根据规范,返回 null 和 undefined 不处理,依然返回obj
  • 相关阅读:
    Rstudio代码的快捷键
    sqlhelper帮助类
    图片上传
    反射获取 obj类 的属性 与对应值
    jquery 操作 动态创建的 元素
    Path类使用
    jquery 小数计算保持精度
    js字符串转成数字
    DateTime.Now.ToString()的各种字符串
    Linq语句 动态组建
  • 原文地址:https://www.cnblogs.com/sunhang32/p/11905393.html
Copyright © 2011-2022 走看看