javascript - 请问JS函数中[]的含义是什么?-tutoriel php-php.cn

javascript - 请问JS函数中[]的含义是什么?

WBOY

Libérer： 2016-08-25 10:37:18

original

1398 Les gens l'ont consulté

<code>function returnfunc (propertyName) {
  return function (obj) {             //-----这行定义并返回了一个闭包，也被称之为一个匿名函数
    return obj[propertyName];         //这里用方括号法访问属性，因为属性是变量（returnfunc（）函数的参数）
  };
}

var savefunc = returnfunc("name");     //调用returnfunc（）
var result = savefunc({name:"Picasso"});//调用savefunc（）
alert(result);                        //返回字符串“Picasso”
</code>

Copier après la connexion

请问savefunc({name:"Picasso"})中的name:"Picasso"

回复内容：

<code>function returnfunc (propertyName) {
  return function (obj) {             //-----这行定义并返回了一个闭包，也被称之为一个匿名函数
    return obj[propertyName];         //这里用方括号法访问属性，因为属性是变量（returnfunc（）函数的参数）
  };
}

var savefunc = returnfunc("name");     //调用returnfunc（）
var result = savefunc({name:"Picasso"});//调用savefunc（）
alert(result);                        //返回字符串“Picasso”
</code>

Copier après la connexion

请问savefunc({name:"Picasso"})中的name:"Picasso"

带点的，跟带[]都是表示对象的属性表示方式，只是后者里面放的是字符串，注意是字符串。
首先执行之后产生了个变量 var propertyName = "name";
然后：

<code>var savrfunc = function(obj){
    return obj[propertyName];
}
</code>

Copier après la connexion

然后执行了上面的函数并把返回值返回给了 result；
里面的执行效果就相当于：

<code>var obj = {name:"Picasso"};
return obj[propertyName]//上面 已经有这个变了 值是name ；所以就是返回了 obj.name ,相当于把 Picasso给返回出去了。
</code>

Copier après la connexion

和.作用一样，用法不同

<code>var text ='prop';
var obj = {
  prop:123
};
obj.prop//123
obj.text//undefined
obj[text]//123</code>

Copier après la connexion

propertyName是属性名吧，person[propertyName]就是person['name']

return obj[propertyName]; //这里用方括号法访问属性，因为属性是变量（returnfunc（）函数的请输入代码参数）

你的注释里面都写明了。
对象的属性有两种访问的方式：

obj.attr的形式，书写简单
obj[attr]的形式，属性名可以是变量的形式

.和[]都可以访问对象

javascript - 请问JS函数中[]的含义是什么?

出处：《JavaScript 标准参考教程（alpha）》，by 阮一峰