美文网首页
用new关键字生成实例时做了什么

用new关键字生成实例时做了什么

作者: 黄黄黄大帅 | 来源:发表于2020-10-12 21:42 被阅读0次
// 定义构造函数
function Person (name, age) {
    this.name = name
    this.age = age

    this.say = function () {
        console.log(`my name is ${this.name}, my age is ${this.age}`)
    }
}

// 构造函数的原型属性和方法定义
Person.prototype.color = 'yellow'
Person.prototype.sayBye = function () {
    console.log('Bye!')
}

// 实例化
let p = new Person('胡小帅', 18)
console.log(p)
伪代码

1.初始化新对象

let obj={}

2.原型的执行,确定实例对象的构造函数

obj.__proto__=Person.prototype

3.绑定this指向对象为obj,传入参数,执行Person构造函数,进行属性和方法的赋值操作

 Person.call(obj, '胡小帅', 18)

//比如我们创建了一个函数:
function Base(){
console.log(this);
}
//如果我们不用new关键字,而是直接执行Base();那么这里的this将会是window:
Base();//window
//但是如果我们用了new关键字,this就会变成了Base本身;
new Base();//Base

4.返回该对象

相关文章

  • 用new关键字生成实例时做了什么

    伪代码 1.初始化新对象 2.原型的执行,确定实例对象的构造函数 3.绑定this指向对象为obj,传入参数,执行...

  • Java中生成实列

    1.new 一般我们使用Java关键字new生成实例。 Something obj=new Something()...

  • 前端经典面试题解密:JS的new关键字都干了什么?

    前言 new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是...

  • new 关键字模拟实现

    首先,new 是JavaScript用来实例化一个对象的关键字,后边跟着构造函数,例如: 那么,new究竟做了什么...

  • Vue 基础语法

    创建一个 vue 实例 挂载点,模板与实例 实例:使用 new 关键字,生成一个实例 挂载点:实例中 el 后面的...

  • JavaScript 面向对象的那些事儿

    一、类与实例 1、类的声明 2、生成实例 生成实例,都是用new方法,如下: 二、类与继承 JavaScript的...

  • new操作符原理及实现

    [toc] 分析:new做了什么 new操作符通过执行自定义构造函数或者js内置构造函数,从而生成一个实例对象。 ...

  • new 到底是个什么东西?

    简单的来说 new 是生成一个实例的语法糖,帮助我们减少一些代码。 没有 new 时我们如何生成实例? 使用 th...

  • JS##12 在 ES5 中如何用函数模拟一个类

    ES 5 没有 class 关键字,所以只能使用函数来模拟类。生成实例的时候,使用new关键字。类的属性和方法,还...

  • 你真的了解JS里的new吗?

    前言 我们常常喜欢用new关键字去创建一些对象如new Vue(),但是这个关键字的背后究竟做了什么其实没太多人去...

网友评论

      本文标题:用new关键字生成实例时做了什么

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