js 构造函数生成实例对象的疑问

发布于 2022-09-06 22:40:48 字数 689 浏览 16 评论 0

本人js新手, 最近在学习对象的内容的时候遇到了一点小疑问, 如下:

个人理解: 每次使用new命令生成实例对象以后, 所有构造函数里面的属性都会被定义在实例对象上, 也就是说任何两个实例对象上, 里面的属性都是不一样的无法共享, 但是如果那个属性不是方法, 其似乎还是'一样的', 看代码:

var Cat = function() {
    this.color = 'red'
    this.say = function() {
        console.log('miao')
    }
}
var c1 = new Cat()
var c2 = new Cat()

console.log(c1.color === c2.color) // true
console.log(c1.say === c2.say) // false

对于say这个方法是因为两个实例对象方法都是不一样, 这也是为什么要用prototype来兴义方法, 但是为什么color这个属性显示结果为true? 同样作为属性两个实例对象在生成的时候应该是不同的, 但是结果为什么是true?不是特别理解

希望能有前辈给予解答, 谢谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

悲欢浪云 2022-09-13 22:40:49

根据我的理解函数比较的是在内存中的指针,而基本类型仅仅比较值。

清浅ˋ旧时光 2022-09-13 22:40:49

楼上说的没错,基本类型的比较只比个值,另外字符串在js中是常量,相同值的常量会不会只存储一份我不是特别清楚,我想说的是,如果两个变量引用了值相等的两个字符串,那这两个字符串可能确实是同一个字符串,他们占用的是同一个存储空间。

用函数来构造对象,并在构造函数里动态添加类方法,每次执行构造函数都会生成匿名函数作为类方法,所以每次new出来的对象的同名的方法其实都是占用不同内存空间的匿名函数,用==比较它们时,比较的其实是它们的地址,或者说“是否是同一个对象”。而字符串,数字这些基本类型的数据,用==比较时,比较的是它们的值,否则你要怎么判断两个数字相等?

左秋 2022-09-13 22:40:48

C

var Cat = function() {
    this.color = {}; 
    this.say = function() {
        console.log('miao')
    }
}
var c1 = new Cat()
var c2 = new Cat()

P

console.log(c1.color === c2.color); 
console.log({} === {}); 
console.log(123 === 123); 

S

clipboard.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文