javascript - 请问JS函数中[]的含义是什么?
程序员文章站
2022-06-05 14:13:35
...
function returnfunc (propertyName) {
return function (obj) { //-----这行定义并返回了一个闭包,也被称之为一个匿名函数
return obj[propertyName]; //这里用方括号法访问属性,因为属性是变量(returnfunc()函数的参数)
};
}
var savefunc = returnfunc("name"); //调用returnfunc()
var result = savefunc({name:"Picasso"});//调用savefunc()
alert(result); //返回字符串“Picasso”
请问savefunc({name:"Picasso"})中的name:"Picasso"
回复内容:
function returnfunc (propertyName) {
return function (obj) { //-----这行定义并返回了一个闭包,也被称之为一个匿名函数
return obj[propertyName]; //这里用方括号法访问属性,因为属性是变量(returnfunc()函数的参数)
};
}
var savefunc = returnfunc("name"); //调用returnfunc()
var result = savefunc({name:"Picasso"});//调用savefunc()
alert(result); //返回字符串“Picasso”
请问savefunc({name:"Picasso"})中的name:"Picasso"
带点的,跟带[]都是表示对象的属性表示方式,只是后者里面放的是字符串,注意是字符串。
首先 执行之后 产生了个变量 var propertyName = "name";
然后:
var savrfunc = function(obj){
return obj[propertyName];
}
然后执行了上面的函数 并把返回值返回给了 result;
里面的 执行效果就相当于:
var obj = {name:"Picasso"};
return obj[propertyName]//上面 已经有这个变了 值是name ;所以就是返回了 obj.name ,相当于把 Picasso给返回出去了。
和.作用一样,用法不同
var text ='prop';
var obj = {
prop:123
};
obj.prop//123
obj.text//undefined
obj[text]//123
propertyName是属性名吧,person[propertyName]就是person['name']
return obj[propertyName]; //这里用方括号法访问属性,因为属性是变量(returnfunc()函数的请输入代码参数)
你的注释里面都写明了。
对象的属性有两种访问的方式:
obj.attr的形式,书写简单
obj[attr]的形式,属性名可以是变量的形式
.和[]都可以访问对象
出处:《JavaScript 标准参考教程(alpha)》,by 阮一峰
推荐阅读
-
设计模式-JavaScript中的构造函数模式是什么
-
深入理解js 中async 函数的含义和用法
-
javascript - 如何把php取出来的值放入js函数中?
-
javascript - 如何把php取出来的值放入js函数中?
-
javascript - 请问JS函数中[]的含义是什么?
-
JS中把字符转成ASCII值的函数示例代码_javascript技巧
-
js类中获取外部函数名的方法_javascript技巧
-
JS中把字符转成ASCII值的函数示例代码_javascript技巧
-
js的function函数是什么?js中function的用法
-
JS中的substring和substr函数的区别说明_javascript技巧