JavaScript 物件屬性存取技巧

113 月

JavaScript 物件屬性存取技巧

JavaScript 物件屬性存取,一般會使用 objectName.propertyName 的寫法,例如: 

程式碼:
jQuery.blockUI.defaults.css.padding = '10px';
jQuery.blockUI.defaults.css.border = '3px solid #888';
jQuery.blockUI.defaults.css.color = '#666';
jQuery.blockUI.defaults.css.fontSize = '16px';

但有些特別的屬性名稱,例如數字開頭、或 dash 開頭、或屬性名包含 dash 等名稱,礙於語法限制,就不用能直接用 objectName.propertyName 的寫法,而要改成 objectName[‘propertyName’] 的寫法,例如:

程式碼:
jQuery.blockUI.defaults.css['-moz-border-radius'] = '8px';
jQuery.blockUI.defaults.css['-khtml-border-radius'] = '8px';
jQuery.blockUI.defaults.css['-webkit-border-radius'] = '8px';
jQuery.blockUI.defaults.css['border-radius'] = '8px';

也就是說 JavaScript 的關聯式陣列,其實就等同於物件,兩種不同的寫法,骨子裡代表同一件事,真是神奇的 JavaScript!

Posted by admin  Posted on 11 3 月 
  • JavaScript, jQuery
  • Post Comments 0