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
  • 相关阅读:
    springboot接口测试
    谷粒学院_day08_课程管理_添加课程之课程发布(后端开发)
    谷粒学院_day03_vue组件
    谷粒学院_day03_vue固定代码抽取
    vue自定义事件
    vue插槽slot
    vue基本语法
    Vue之axios异步通信
    无归岛[HNOI2009]
    仓库建设[ZJOI2007]
  • 原文地址:https://www.cnblogs.com/sunhang32/p/11905393.html
Copyright © 2011-2022 走看看