首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >构造函数中私有变量的ES5难题

构造函数中私有变量的ES5难题
EN

Stack Overflow用户
提问于 2017-08-26 09:41:59
回答 1查看 170关注 0票数 0

我正在阅读“面向网络开发人员的专业第3版”中的私有变量部分,并对其中一个示例代码感到困惑:

代码语言:javascript
运行
复制
function Person(name) {
  this.setName = function(value) {
    name = value;
  }

  this.getName = function() {
    return name;
  }
}

var person1 = new Person('p1');
person1.setName('p11');
person1.getName();  // 'p11'

var person2 = new Person('p2');
person2.getName();  // 'p2'

getName()方法通过闭包和作用域链访问name变量,而setName()方法为name分配一个新值。

问题:

name变量在哪里存在?

为什么每个Person实例都有不同的name,所以如果一个实例修改了name变量,它就不会影响其他实例?

====================================

我认为,每次用new创建实例时,都会创建一个Person Activation Object。每个name中的Person Activation Object变量是不同的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-26 10:04:04

这种行为与new无关。

每次调用Person时,都会创建参数变量name的一个新的单独实例。函数中的代码可以访问该变量。没有比这更重要的了。

对于您可能声明的每个函数中的参数变量,这都是正确的。只要能够引用这些变量,它们就保留在内存中--它们不是垃圾收集的。

调用Person两次,本质上与调用两个具有相同参数和方法的不同函数没有太大区别:

代码语言:javascript
运行
复制
function Person1(name) {
  this.setName = function(value) {
    name = value;
  }

  this.getName = function() {
    return name;
  }
}

function Person2(name) {
  this.setName = function(value) {
    name = value;
  }

  this.getName = function() {
    return name;
  }
}

var person1 = new Person1('p1');
person1.setName('p11');
person1.getName();  // 'p11'

var person2 = new Person2('p2');
person2.getName();  // 'p2'

当然,在这里,person1person2不再是同一个构造函数的实例,但是除此之外,分离变量实例和作用域的原则是相同的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45894049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档