New的过程和this的指向

Posted 2021-05-29 郭郭郭牧鑫

1. new的四个步骤

创建一个空对象→这个新对象继承原函数的原型→更改this指向，为对象设置属性→返回新对象

    1.创建一个空对象

    var obj={}

    2.这个新对象继承原构造函数的原型

    obj._proto_=Constructor.prototype

    3.更改this指向，为对象设置属性

    let result=Constructor.apply(obj,...args)

    4.返回新对象

    return result instanceof Object ? result : obj

 new过程的例子

function Person(name, age){
 
    this.name = name;
 
    this.age = age;
 
}
 
Person.prototype.sayHello=function(){
 
    console.log("hello"+this.name)
 
}
 
const person1 = myNew(Person, 'Tom', 20)
 
console.log(person1) //Person {name: "Tom", age: 20}
person1.sayHello() //helloTom

this的指向

在浏览器里，在全局范围内this 指向window对象；
在函数中，this永远指向最后调用他的那个对象；
构造函数中，this指向new出来的那个新的对象；
call、apply、bind中的this被强绑定在指定的那个对象上；
箭头函数中this比较特殊,箭头函数this为父作用域的this，不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来；
apply、call、bind都是js给函数内置的一些API，调用他们可以为函数指定this的执行,同时也可以传参。