首頁  >  文章  >  後端開發  >  javascript - 請問JS函數中[]的意思是什麼?

javascript - 請問JS函數中[]的意思是什麼?

WBOY
WBOY原創
2016-08-25 10:37:181383瀏覽

<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>

請問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>

請問savefunc({name:"Picasso"})中的name:"Picasso"

帶點的,跟帶[]都是表示物件的屬性表示方式,只是後者裡面放的是字串,注意是字串。
首先 執行之後 產生了個變數 var propertyName = "name";
然後:

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

接著執行了上面的函數 並把回傳值回傳給了 result;
裡面的 執行效果就相當於:

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

和.作用一樣,用法不同

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

propertyName是屬性名稱吧,person[propertyName]就是person['name']

return obj[propertyName]; //這裡用方括號法存取屬性,因為屬性是變數(returnfunc()函數的請輸入程式碼參數)

你的註解裡面都寫明了。
物件的屬性有兩種存取的方式:

  1. obj.attr的形式,書寫簡單

  2. obj[attr]的形式,屬性名稱可以是變數的形式

.和[]都可以存取物件

javascript - 請問JS函數中[]的意思是什麼?
javascript - 請問JS函數中[]的意思是什麼?

出處:《JavaScript 標準參考教學(alpha)》,by 阮一峰

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn