原型对象中的this指向问题,ES5继承

this的指向在调用时才确定。一般情况下,this指向调用者。

1.在构造函数中,this指向的是对象实例

var ldh = new Star("刘德华") //this指向ldh

2.原型对象函数里面的this指向的是实例对象ldh

var Star=function(){
    
}

var that;
Star.prototype.sing=function(){
    that=this;
}

var ldh = new Star()
console.log(that===ldh)//true

原型对象中的this指向问题,ES5继承

function fn(x,y){
    console.log(this)
    console.log(x+y)
}

var obj={
    name="lili"
}

//调用方式1:直接调用
this指向window
fn(1,2)

//调用方式1:call调用
this指向obj
fn.call(obj,1,2)

所以在ES6以前,用call方法实现属性继承

原型对象中的this指向问题,ES5继承

 通过子的原型指向父的实例对象的方法,继承父的原型方法。不要忘记将子的原型对象的构造函数指回Son,否则还是指向Father,就错了。

原型对象中的this指向问题,ES5继承

 原型对象中的this指向问题,ES5继承

 

上一篇:使用babel将ES6转化成ES5


下一篇:手写es5数组API