javascript - 为什么这里的getName()可以访问到setName()内部改变的name值?-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 为什么这里的getName()可以访问到setName()内部改变的name值?

高洛峰 2017-04-11 12:06:56

[JavaScript讨论组]

799

var createPet = function(name) {
    return {
        setName: function(newName) {
            name = newName;
        },

        getName: function() {
            return name;
        }
     }
   }
var pet=createPet("nie");
    alert(pet.getName());     //nie
    pet.setName("ying");
    alert(pet.getName());     //ying

为什么这个无法改变b的值？而上面的name可以被改变？

var b=10;
    function ch(num) {
        num=200;
    }
    ch(b);
    document.write(b);   //10

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(7)

迷茫2017-04-11 12:08:56 7楼

JavaScript里，function的参数是可变的，存在arguments里，你定义的参数名，相当于var了一个变量，以下两个写法是相等的：

function doSomething(name, age) {
  //...
}

function doSomething() {
  var name = arguments[0],
      age  = arguments[1];
  //...
}

这么说吧，JavaScript引擎是这么理解你的代码的

var createPet = function() {
    var name = arguments[0]; // 这里定义了一个name变量

    return {
        setName: function(newName) {
            name = newName;
        },

        getName: function() {
            return name;
        }
     }
   }
}

name定义在createPet闭包里

同理，你补充的代码，num定义在ch()里，且传进来的不是引用类型，所以不能改变外面的变量。

var b=10;
    function ch() {
        var num = arguments[0]; // 这里定义了num
        num=200;
    }
    ch(b);
    document.write(b);   //10

赞 +0

添加回复

大家讲道理2017-04-11 12:08:56 6楼

之前看错了

createPet = function(name)
...

name的作用域在这个function，所以该函数内部的对象都可以访问到name

赞 +0

添加回复

大家讲道理2017-04-11 12:08:56 5楼

同一类实例内部的属性

赞 +0

添加回复

伊谢尔伦2017-04-11 12:08:56 4楼

name的作用域就是createpet内部

赞 +0

添加回复

ringa_lee2017-04-11 12:08:56 3楼

这个好像是返回了一个闭包吧,
闭包中的方法有权访问上一层函数createPet中的变量name, 而直接从外面访问就不行.
这很像JS语言精粹中所说的私有变量.

赞 +0

添加回复

巴扎黑2017-04-11 12:08:56 2楼

b是值类型，当b传到ch函数里的时候，相当于b被复制到了num里，b和num没有关联，所以修改num不会对b 产生影响
如何传的是对象，则会产生影响

var a={b:10};
function ch(num) {
    num.b=200;
}
ch(a);
console.log(a.b);//200

赞 +0

添加回复

ringa_lee2017-04-11 12:08:56 1楼

上面是闭包，可以读取并改变值
下面只是把b=10的值10穿进去，b并没有被改变

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>