ECMAScript 之 Object Property 存取
栏目: JavaScript · 发布时间: 6年前
内容简介:與傳統 OOP 相比, ECMAScript 的 Object 有一個很特別的語言特性,就是 Property 可以透過 Array 與ECMAScript 5
與傳統 OOP 相比, ECMAScript 的 Object 有一個很特別的語言特性,就是 Property 可以透過 Array 與 變數
方式存取,這造成了使用 Object 有很大的靈活度。
Version
ECMAScript 5
Array 方式存取 Property
var person = { firstName: 'Sam', lastName: 'Xiao', fullName: function() { return this.firstName + ' ' + this.lastName; } }; console.log(person.firstName); // Sam console.log(person.fullName()); // Sam Xiao console.log(person['firstName']); // Sam console.log(person['fullName']()); // Sam Xiao
person
為 object,有 property 也有 method。
第 9 行
console.log(person.firstName); console.log(person.fullName());
為傳統 OOP 使用 .
方式純取 property 與 method。
第 12 行
console.log(person['firstName']); // Sam console.log(person['fullName']()); // Sam Xiao
ECMAScript 允許我們以 array 方式存取 property 與執行 method,將 property 與 method 名稱以 string
傳入 []
即可。
這樣有什麼用呢 ?
既然 []
可為 string,就表示可以是 variable,這就開了一個很大的門。
以 Variable 存取 Property
var person = { firstName: 'Sam', lastName: 'Xiao', fullName: function() { return this.firstName + ' ' + this.lastName; } }; const getProperty = (object, propertyName) => object[propertyName]; console.log(getProperty(person, 'firstName')); // Sam console.log(getProperty(person, 'lastName')); // Xiao
Property 名稱可改用 function 的 argument 傳入,如此就能以 variable 的方式存取 property。
- object 與 property 名稱都以 argument 方式傳入
以 Variable 執行 Method
var person = { firstName: 'Sam', lastName: 'Xiao', fullName: function() { return this.firstName + ' ' + this.lastName; } }; const runMethod = (object, methodName) => object[methodName](); console.log(runMethod(person, 'fullName')); // Sam Xiao
Method 名稱可改用 function 的 argument 傳入,如此就能以 variable 的方式執行 function。
- object 與 method 名稱都以 argument 方式傳入
Conclusion
- 當 property 與 method 名稱能使用變數後,就能以程式碼的方式做很多變化,動態的存取 property 與執行 method
以上所述就是小编给大家介绍的《ECMAScript 之 Object Property 存取》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- matlab—特殊变量类型与档案存取
- CHAR 和 VARCHAR 存取的差别
- 使用 SpinWait 實作檔案存取 Lock 機制
- Yii授权之基于角色的存取控制 (RBAC)
- iOS汇编入门教程(三)汇编中的 Section 与数据存取
- 【茶包射手日記】Windows Server 2016 網路分享無法遠端存取
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
移动应用的设计与开发
[美] 弗林 (Brian Fling) / 马晶慧 / 电子工业出版社 / 2010-5 / 59.80元
本书全面介绍了如何在移动设备上设计和开发应用程序。书中从介绍移动产业的生态环境和移动媒体开始,阐述产品策划的方法、产品架构、视觉设计和产品类型的选择,并详细描述了产品实现过程中所用到的一些技术、工具和概念,最后还简单介绍了如何获得利润和降低成本,肯定了iPhone在移动设备发展史上起到的巨大推动作用。本书不仅能让读者了解到移动设计和开发的知识,更重要的是,它揭示了移动开发的代价高昂、标准混乱的根本......一起来看看 《移动应用的设计与开发》 这本书的介绍吧!
MD5 加密
MD5 加密工具
HSV CMYK 转换工具
HSV CMYK互换工具