重新认识Javascript的对象

1.对象基础

var person = {
name : ['Bob', 'Smith'],
age : 32,
gender : 'male',
interests : ['music', 'skiing'],
bio : function() {
alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
},
greeting: function() {
alert('Hi! I'm ' + this.name[0] + '.');
}
};

* 对象成员的值可以是任意的,在我们的person对象里有字符串(string),数字(number),两个数组(array),两个函数(function)。前4个成员是资料项目,被称为对象的属性(property),后两个成员是函数,允许对象对资料做一些操作,被称为对象的方法(method)

####1.1点表示法:
>```
person.age
person.interests[1]
person.bio()
  • 点表示法,来访问对象的属性和方法。标识可以是属性名称(name),或者是数组属性的一个子元素,又或者是对象的方法调用。

1.2中括号表示法:

.点表示法
person.age
person.name.first
[]括号表示法
person['age']
person['name']['first']

* 这看起来很像访问一个数组的元素,从根本上来说是一回事儿,你使用了关联了值的名字,而不是索引去选择元素。难怪对象有时被称之为关联数组(associative array)了——对象做了字符串到值的映射,而数组做的是数字到值的映射。

####1.3设置对象成员
>目前我们仅仅看到了如何访问对象的成员,而你其实也可以设置对象成员的值,通过声明你要设置的成员,像这样:

person.age = 45
person['name']['last'] = 'Cratchit'

设置成员并不意味着你只能更新已经存在的属性的值,你完全可以创建新的成员,尝试以下代码:

person['eyes'] = 'hazel'
person.farewell = function() { alert("Bye everybody!") }

`括号表示法`一个有用的地方是它不仅可以动态的去设置对象成员的值,还可以动态的去设置成员的名字。
这是使用点表示法无法做到的,点表示法只能接受字面量的成员的名字,不接受变量作为名字。


---
>MDN https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Basics

你可能感兴趣的:(重新认识Javascript的对象)