JavaScript 原型链继承问题

一道问题:

 function A(x){
this.x = x;
}
A.prototype.x = 1;

function B(x){
this.x = x;
}
B.prototype = new A();
var a = new A(2), b = new B(3);
delete b.x;

问:a.x和b.x

答案:2 undefined
解释:

  1. 首先寻找自身的属性,也就是通过this.x设置的属性,如果没有再寻找prototype上的属性
  2. 子对象不能更改删除父对象的属性
  3. 寻找父对象的属性也要先寻找通过this设置的属性
  4. 如果自身的this设置的属性存在但是没有赋值,则不会寻找prototype上的属性,直接返回undefined,对父对象同理

所以针对上题,b使用原型链继承了A, b=new B(3)设置的是B方法中的this.x=3 (B)delete b.x也是删除的B上的x,此时b.x就寻找A中的x,首先是构造函数中的this.x (A),没有给这个x赋值,所以返回undefined。

猜你喜欢

转载自blog.csdn.net/Wind_waving/article/details/106814048