js中new操作符到底干了什么？

先看一个例子：

 function Person() {this.name = 'Andy';this.age = 20;this.say = function () {console.log('hello everybody');}}Person.prototype.test = function(){console.log('test');};

 let p1 = new Person();console.log(p1.name);//'Andy'console.log(p1.age);//20p1.say();//'hello everybody'p1.test();//'test'

new操作符的作用如下：

1.创建一个空对象
2.由this变量引用该对象
3.该对象继承该函数的原型
4.把属性和方法加入到this引用的对象中
5.新创建的对象由this引用，最后隐式地返回this。
过程如下：

let obj = {};//创建一个空对象
obj.__proto__ = Person.prototype;//该对象继承该函数的原型
Person.call(obj);//隐式地返回this

js中new操作符到底干了什么？相关推荐

new操作符到底干了什么？
前几天无意间发现了刚开始学JavaScript时在知乎写的一些回答,有一个就是讲new操作符到底干了什么.从现在的视角看我当时的回答虽然是正确的,但是在对原理的剖析和细节的理解上还相去甚远.所以借此机 ...
JS中的arguements到底是个啥？
类数组对象:arguments 众所周知,js是一门相当灵活的语言.当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做argumen ...
关于js中delete 操作符的秘密(如何删除对象的属性,清空对象)
开发十年,就只剩下这套架构体系了! >>> 概念再mdn中detele的概念如下. delete 操作符用于删除对象的某个属性:如果没有指向这个属性的引用,那它最终会被释放. ...
JS中new操作符做了什么？
1.new操作符做了什么 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例.new 关键字会进行如下的操作: 创建一个空的简单JavaScript对象(即{}): 链接该对 ...
js中new操作符的作用及原理
要知道new操作符的作用是什么,得先知道它干了什么事(原理): 它创建了一个新对象它将构造函数的原型属性和方法挂载到新对象的__proto__(原型指针)上他执行了构造函数并将构造函数的this指 ...
web面试 new操作符到底干了什么？
面试或者笔试经常会遇到的如果就回答创建了一个对象 ok 那gg了面试官看来就是菜鸟一枚所以知道什么就说什么蒙在心里谁知道你的水有多深呢? 呢?呢? new操作符应该是进行了四个操作 1,创建一 ...
js中new操作符具体做了什么
创建了一个空的对象将空对象的原型,指向于构造函数的原型将空对象作为构造函数的上下文(改变this指向) 对构造函数有返回值的处理判断 function Fun( age,name ){this.a ...
new 操作符具体干了什么
一.定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一在创建一个新的实例的时候,必须使用 new 操作符.而使用 new 操作符会经历以下 4 个步骤: 创建一个新 ...
js中的this:从执行上下文的角度看this
前言前面我们已经讲完了js的作用域和作用域链,说白了就是js的一个变量的查找规则,但是由于js静态作用域的这么一个特性,导致作用域只在声明的时候就已经创建好了,这对于我们开发来说有时候不是那么友好: ...
js 浅拷贝直接赋值_第二十二篇 JS中浅拷贝的方法有哪些？
重要:什么是拷贝?之前也写过类似的文章,大家可以看<理解js的深拷贝和浅拷贝原理和实现的方法> 首先来直观的感受一下什么是拷贝. let arr = [1, 2, 3]; let newA ...

js中new操作符到底干了什么？

new操作符的作用如下：

js中new操作符到底干了什么？相关推荐

最新文章

热门文章