《JavaScript面向对象精要》——1.5 访问属性

简介:

本节书摘来自异步社区《JavaScript面向对象精要》一书中的第1章,第1.5节,作者:【美】Nicholas C. Zakas 译者: 胡世杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 访问属性

属性是对象中保存的名字和值的配对。点号是JavaScript中访问属性的最通用做法(就跟许多面向对象语言一样),不过也可以用中括号访问JavaScript对象的属性。

例如,下面的代码使用点号。

var array = [];
array.push(12345);

也可以如下例用中括号,方法的名字现在由中括号中的字符串表示。

var array = [];
array["push"](12345);

在需要动态决定访问哪个属性时,这个语法特别有用。例如下例的中括号允许你用变量而不是字符串字面形式来指定访问的属性。

var array = [];
var method = "push";
array[method](12345);

在这段代码中,变量method的值是“push”,因此在array上调用了push()方法。这种能力极其有用,你会在本书中随处看到这种用法。记住一点:除了语法不同,在性能或其他方面点号和中括号都大致相同,唯一区别在于中括号允许你在属性名字上使用特殊字符。开发者通常认为点号更易读,所以你更多地看到点号而不是中括号。

相关文章
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
32 0
|
6天前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
10 1
|
13天前
|
JavaScript 前端开发 开发者
【专栏】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念
【4月更文挑战第29天】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念。prototype 是函数属性,用于实现对象继承,方法和属性定义在其上可被所有实例共享。__proto__是对象属性,实现属性查找机制,当对象自身找不到属性时,会沿原型链向上查找。两者关系:__proto__指向构造函数的 prototype,构成对象与原型的桥梁。虽然 prototype 可直接访问,但__proto__由引擎内部维护,不可见。理解两者区别有助于深入学习 JavaScript。
|
19天前
|
JavaScript
js Array map映射对象多个属性
js Array map映射对象多个属性
5 0
|
22天前
|
存储 JavaScript 前端开发
js的基本属性
【4月更文挑战第20天】js的基本属性
21 8
|
25天前
|
JavaScript 前端开发
js改变元素的内容、属性、样式
js改变元素的内容、属性、样式
14 3
|
1月前
|
JavaScript 前端开发 API
JQuery的attr()属性和JS的属性的方法
JQuery的attr()属性和JS的属性的方法
10 0
|
1月前
|
存储 JavaScript 前端开发
了解JavaScript中属性遍历的三种方法
了解JavaScript中属性遍历的三种方法
23 1
N..
|
2月前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
14 2
N..
|
2月前
|
JavaScript 前端开发 数据处理
Vue.js的过滤器和监听属性
Vue.js的过滤器和监听属性
N..
19 1