美文网首页工作生活
JS new的时候发生了什么

JS new的时候发生了什么

作者: 椰果粒 | 来源:发表于2019-07-01 19:15 被阅读15次

1、创建一个新对象
2、将构造函数的作用域赋值给新对象(this指向这个新对象)
3、执行构造函数中的代码(为这个新对象添加属性)
4、返回新对象

一个普通的构造函数

function Person(name){
  this.name = name
}
var p = new Person("小明");

console.log(p.name) // 小明
console.log(p instanceof Person) // true

用JS模拟new的过程

function _new(){
  // 1、创建一个新对象
  let target = {};
  let [constructor, ...args] = [...arguments];  // 第一个参数是构造函数
  // 2、原型链连接
  target.__proto__ = constructor.prototype;
  // 3、将构造函数的属性和方法添加到这个新的空对象上。
  let result = constructor.apply(target, args);
  if(result && (typeof result == "object" || typeof result == "function")){
    // 如果构造函数返回的结果是一个对象,就返回这个对象
    return result
  }
  // 如果构造函数返回的不是一个对象,就返回创建的新对象。
  return target
}
let p2 = _new(Person, "小花")
console.log(p2.name)  // 小花
console.log(p2 instanceof Person) // true

相关文章

  • JS new的时候发生了什么

    1、创建一个新对象2、将构造函数的作用域赋值给新对象(this指向这个新对象)3、执行构造函数中的代码(为这个新对...

  • js的new()到底发生了什么?

    1,创建一个新对象, 2,将构造函数的作用域赋给新对象(this指向这个新对象), 3,执行构造函数中的代码(为新...

  • new vue()的时候发生了什么?

    引言 本章节只是记录自己所看的一些代码,自己记录,并不做实际分析 正文引入 先来一段简单的代码: 上面的代码是使用...

  • new Vue 发生了什么

    读了《vue.js 技术揭秘》 “数据驱动”篇,总结一下 new Vue 发生了什么。 例子代码: 首先 new ...

  • 一文搞定js new发生了什么,new的作用是什么?

    关于js的new,老东西了。言简意赅说下,其实它是继承的一种。 new发生了什么? 看下最官方的介绍: var o...

  • 2021年前端面试题 中级前端!

    new Vue()中发生了什么?new关键字在js语言中代表实例化一个对象,源码可以看到vue类中非常干净,只是执...

  • new的时候发生了什么事情

    new就是一个构造函数 创建一个空对象{}; 为新创建的对象添加属性proto,将该属性链接至构造函数的原型对象 ...

  • setState 小结

    调用 setState 的时候,发生了什么? 在执行setState的时候,React Component将new...

  • new()做了什么

    js new到底干了什么,new的意义是什么? 一、学过JS的都知道 创建对象可以这样 用内置的函数对象来构造对象...

  • ! js手写实践

    1.闭包2.js执行机制3.new发生了什么4.防抖和节流5.js原型和原型链6.js作用域和作用域链7.深拷贝、...

网友评论

    本文标题:JS new的时候发生了什么

    本文链接:https://www.haomeiwen.com/subject/kavncctx.html