js 实现new 关键字

朱雀 2021-11-23 20:44 345阅读 0赞

首先要清楚类和对象之间的关系，然后要清楚实例化（new）的过程中发生了什么。

笔者认为类和对象的关系比较好理解，就如同要按照图纸盖一幢房子，图纸就是类，房子就是对象。类是对象的抽象，对象是类的实体体现。

new的过程发生了什么呢？

var Person=function(name,age){
        this.name=name;
        this.age=age;
    }
    Person.prototype.getName=function(){
        return this.name;
    }
    var p1=new Person('Tom',12)
    p1.getName()    //Tom

有上面的例子可知，new的过程中创建了一个对象，根据构造函数的结构，原型，及方法等全部赋给这个对象，最后返回这个对象。

实现代码如下：

function New(fn){
        var res = {};
        if(fn.prototype !== null) {
            res.__proto__=fn.prototype;
        }
        // 将传入构造函数的参数，在res上下文中执行一遍
        var ret = fn.apply(res,Array.prototype.slice.call(arguments,1));
        // 如果构造函数返回一个对象，则直接返回这个对象 
        if((typeof ret === 'object' || typeof ret === 'function') && ret !== null){
            return ret;
        }
        return res;
    }
    var Person = function(name,age){
        this.name=name;
        this.age=age;
    }
    Person.prototype.getName=function(){
        return this.name;
    }
    var p1=New(Person,'Tom',12)
    console.log(p1.getName())//Tom

转载于:https://www.cnblogs.com/xingguozhiming/p/11000118.html

发表评论取消回复

表情：

评论列表（有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

相关 new关键字执行过程

new关键字执行过程 <!DOCTYPE html> <html lang="en"> <head> <meta chars

悠悠/ 2023年10月03日 14:14/ 0 赞/ 28 阅读

相关实现new关键字

一、new做了什么 1.创建了一个全新的对象。 2.这个对象会被执行\[\[Prototype\]\]（也就是\_\_proto\_\_）链接。 3.生成的新对象会

素颜马尾好姑娘i/ 2023年08月17日 15:55/ 0 赞/ 133 阅读

相关 js中关键字new的原理（含实现代码）

new的原理在调用new的过程中都干了什么？在内存中创建一个新对象新对象内部的`prototype`特性被赋值为构造函数的`prototype`属性

绝地灬酷狼/ 2022年11月06日 06:58/ 0 赞/ 162 阅读

相关在JS中，new关键字做了什么

new关键字 1. 先看代码 2. 内部具体实现如下 1. 先看代码 function Person(){

た入场券/ 2022年09月03日 10:20/ 0 赞/ 160 阅读

相关 javascript关键字new

<!doctype html> <html> <head> <title>javascript new</title> <script>

ゞ浴缸里的玫瑰/ 2022年08月14日 04:50/ 0 赞/ 259 阅读

相关 new关键字小tips

1、new当个对象 new在自由空间分配内存，但其无法为其分配的对象命名，因次是无名的，分配之后返回一个指向该对象的指针。 <table style="border-col

落日映苍穹つ/ 2022年06月17日 13:14/ 0 赞/ 256 阅读

相关关键字new

1 using System; 2 using System.Collections.Generic; 3 using System.Linq;

川长思鸟来/ 2021年12月23日 03:51/ 0 赞/ 254 阅读

相关关键字new

1 using System; 2 using System.Collections.Generic; 3 using System.Linq;

àì夳堔傛蜴生んèń/ 2021年12月23日 03:43/ 0 赞/ 249 阅读

相关 js 实现new 关键字

首先要清楚类和对象之间的关系，然后要清楚实例化（new）的过程中发生了什么。笔者认为类和对象的关系比较好理解，就如同要按照图纸盖一幢房子，图纸就是类，房子就是对象。类是对象

朱雀/ 2021年11月23日 20:44/ 0 赞/ 346 阅读

相关 newInstance（）和new关键字

从jvm的角度看，我们使用new的时候，这个要new的类可以没有加载；但是使用newInstance（路劲加载，无参加载，匹配资源）时候，就必须保证：1、这个类已经加载；2

柔情只为你懂/ 2021年11月23日 07:56/ 0 赞/ 342 阅读