• new源码分析和Object.create的重写


    new分析

    第一步:创建一个对象

    第二部: 将创建的对象的原型链指向函数的原型

    第三步:改变指向函数的this指向

    第四步: 返回改变指向后执行的对象

    Object.create(xxx)

    创建一个空对象,并且把xxx作为创建对象的原型(空对象.proto = xxx) xxx必须是对象或者null,如果是null,则创建一个没有任何原型指向的空对象

    重写new简单实现

    重写new源码实现

    代码

       function mynew (fn,...args){
            // let obj = {};
            // obj.__proto__= fn.prototype;
            // 因为ie是不允许我们来操作__proto__,所以把上面两行替换成下面这中写法
            let obj =  Object.create(fn.prototype)
            // 改变this
            let result =  fn.call(obj,...args)
    
            if(result == null || !/^(object|function)$/.test(typeof result)) return obj
            return result
    
        }
    
    

    自己实现 Object.create 处理兼容

    因为Object.create是一个新方法 ,是不兼容的

    代码

       Object.mycreate = function mycreate(prototype){
            function fn(){}
            fn.prototype = prototype;
            // 创建fn的实例  实例.__proto__ = prototype
            return new fn;
        }
    
    
  • 相关阅读:
    jsp 表单回显
    jquery ajax
    锋利的jquery 事件 动画
    锋利的jquery DOM操作
    锋利的jquery
    JavaScript闭包
    oracle
    日期转化
    二分查找
    linux 常用命令
  • 原文地址:https://www.cnblogs.com/loveliang/p/14048561.html
Copyright © 2020-2023  润新知