Javascript 类继承.子类更改主类的属性
Javascript class inheritance. Subclass changes main class's properties?
var Main = function(){};
Main.prototype = {
'times' : 0,
'request': function(){},
...
};
var SubA = function(){};
SubA.prototype = new Main() // same with Object.create(Main.prototype);
SubA.prototype.constructor = SubA;
var SubB = function(){};
SubB.prototype = new Main() // same with Object.create(Main.prototype);
SubB.prototype.constructor = SubB;
现在:
var sub_a = new SubA();
sub_a.times = 1;
var sub_b = new SubB();
// Here sub_b.times is already 1, how?
当我更改sub
类的属性时,Main
的属性也在更改,它不应该停留在0
吗?
正如评论已经指出的那样,您的确切问题是不正确的,实际上,sub_b.times
仍然是0
。也许您的代码中还有其他事情发生。
我将猜测您的特定问题之外可能发生的事情,并通过下面的代码解释原始类型与引用类型。请注意在我们的原型上存储times
和count
之间的区别:
var Main = function(){};
Main.prototype = {
'times' : 0,
'count': {value: 0}
};
var SubA = function(){};
SubA.prototype = new Main();
SubA.prototype.constructor = SubA;
var SubB = function(){};
SubB.prototype = new Main();
SubB.prototype.constructor = SubB;
var subA = new subA();
var subB = new subB();
我们的times
属性是一个原始值,当我们增加subA.times的原始值时,对subB没有影响,反之亦然:
console.log(subA.times); // 0
console.log(subB.times); // 0
subA.times = 1;
console.log(subA.times); // 1
console.log(subB.times); // 0
subB.times = 100;
console.log(subA.times); // 1
console.log(subB.times); // 100
但是,我们的count
属性是一个存储value
基元的对象。对象是一种引用类型,简而言之,意味着subA.count
和subB.count
引用内存中的同一对象,如果我们更改该对象的属性,它将反映在两者中。如果我不得不猜测,这可能是您的实际实现中可能发生的情况。
console.log(subA.count.value); // 0
console.log(subB.count.value); // 0
subA.count.value = 1;
console.log(subA.count.value); // 1
console.log(subB.count.value); // 1
subB.count.value = 100;
console.log(subA.count.value); // 100
console.log(subB.count.value); // 100
最后一点:如果我们决定将其中一个实例的 count
属性重新分配给一个新对象,那么它将不再引用同一个对象,而是分开的:
subA.count = {value: -1}; // New object
console.log(subA.count.value); // -1 (new object value)
console.log(subB.count.value); // 100 (old value from above)
subB.count.value = 99;
console.log(subA.count.value); // -1
console.log(subB.count.value); // 99
相关文章:
- 当使用控制器作为语法时,如何从父指令继承属性
- Javascript嵌套函数属性继承
- 继承的属性检查
- 如何防止在javascript中执行继承属性的getter-setter方法
- JavaScript 属性继承
- 无法使用 Snap.SVG将“填充”属性设置为“继承”
- 为什么函数对象的实例没有继承函数原型属性
- AngularJS观察指令属性表达式,动态继承作用域
- Javascript 类继承.子类更改主类的属性
- 继承的Javascript对象将丢失属性值
- 原型继承和原型属性
- (Javascript)覆盖对象内置或继承的属性
- Javascript中的“私有”属性继承
- Angular 1.4.8/JS:创建构造函数并将属性继承到第三个对象中
- JavaScript将对象作为属性继承
- JavaScript中的原型和属性继承
- 我如何正确地使一个构造器的prototype属性继承它原来的prototype属性?
- JS对象的属性继承
- 在 ES2015 中实现简单属性继承
- Javascript中的属性继承