- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
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
。也许您的代码中发生了其他事情。
我将猜测在您的具体问题之外可能会发生什么,并通过下面的代码解释原始类型与引用类型。请注意在我们的原型(prototype)上存储 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类继承。子类更改主类的属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28813835/
你能比较一下属性吗 我想禁用文本框“txtName”。有两种方式 使用javascript,txtName.disabled = true 使用 ASP.NET, 哪种方法更好,为什么? 最佳答案 我
Count 属性 返回一个集合或 Dictionary 对象包含的项目数。只读。 object.Count object 可以是“应用于”列表中列出的任何集合或对
CompareMode 属性 设置并返回在 Dictionary 对象中比较字符串关键字的比较模式。 object.CompareMode[ = compare] 参数
Column 属性 只读属性,返回 TextStream 文件中当前字符位置的列号。 object.Column object 通常是 TextStream 对象的名称。
AvailableSpace 属性 返回指定的驱动器或网络共享对于用户的可用空间大小。 object.AvailableSpace object 应为 Drive 
Attributes 属性 设置或返回文件或文件夹的属性。可读写或只读(与属性有关)。 object.Attributes [= newattributes] 参数 object
AtEndOfStream 属性 如果文件指针位于 TextStream 文件末,则返回 True;否则如果不为只读则返回 False。 object.A
AtEndOfLine 属性 TextStream 文件中,如果文件指针指向行末标记,就返回 True;否则如果不是只读则返回 False。 object.AtEn
RootFolder 属性 返回一个 Folder 对象,表示指定驱动器的根文件夹。只读。 object.RootFolder object 应为 Dr
Path 属性 返回指定文件、文件夹或驱动器的路径。 object.Path object 应为 File、Folder 或 Drive 对象的名称。 说明 对于驱动器,路径不包含根目录。
ParentFolder 属性 返回指定文件或文件夹的父文件夹。只读。 object.ParentFolder object 应为 File 或 Folder 对象的名称。 说明 以下代码
Name 属性 设置或返回指定的文件或文件夹的名称。可读写。 object.Name [= newname] 参数 object 必选项。应为 File 或&
Line 属性 只读属性,返回 TextStream 文件中的当前行号。 object.Line object 通常是 TextStream 对象的名称。 说明 文件刚
Key 属性 在 Dictionary 对象中设置 key。 object.Key(key) = newkey 参数 object 必选项。通常是 Dictionary 
Item 属性 设置或返回 Dictionary 对象中指定的 key 对应的 item,或返回集合中基于指定的 key 的&
IsRootFolder 属性 如果指定的文件夹是根文件夹,返回 True;否则返回 False。 object.IsRootFolder object 应为&n
IsReady 属性 如果指定的驱动器就绪,返回 True;否则返回 False。 object.IsReady object 应为 Drive&nbs
FreeSpace 属性 返回指定的驱动器或网络共享对于用户的可用空间大小。只读。 object.FreeSpace object 应为 Drive 对象的名称。
FileSystem 属性 返回指定的驱动器使用的文件系统的类型。 object.FileSystem object 应为 Drive 对象的名称。 说明 可
Files 属性 返回由指定文件夹中所有 File 对象(包括隐藏文件和系统文件)组成的 Files 集合。 object.Files object&n
我是一名优秀的程序员,十分优秀!