含义

• 对象只是一种特殊的数据,对象是一个包含相关数据和方法的集合（通常由一些变量和函数组成，我们称之为对象里面的属性和方法）
• 语法(objectname 对象名字，大括号内的为对象的属性和方法)

var objectName = {
  member1Name : member1Value,
  member2Name : member2Value,
  member3Name : member3Value
}

对象的属性和方法

• 属性是与对象相关的值
• 对象成员的值可以是任意的，在对象里有字符串(string)，数字(number)，数组(array)，函数(function)。
• 对象的属性(property)
  字符串(string)，数字(number)，数组(array)
• 对象的方法(method)
  函数(function)

访问对象属性的方法

objectName.propertyName // 语法

1.点表示法(dot notation)

name : ['Bob', 'Smith'],
name : {
first : 'Bob',
last : 'Smith'
},
person.name.first
person.name.last

2.括号表示法(bracket notation)

person.age
person.name.first
person['age']
person['name']['first']

访问对象方法的方法

objectName.methodName() // 语法

var message="Hello world!";
 var x=message.toUpperCase(); //使用了 String 对象的 toUpperCase() 方法来将文本转换为大写

设置对象成员/属性

创建属性的值

1.非动态创建

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

<script>
var user = { name:'jhon',surname:'mike'}
</script>

<script>
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue"; 
document.write(person.firstname + " is " + person.age + " years old.");
</script>

<script>
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
</script>

2.动态创建

var myDataName = nameInput.value
var myDataValue = nameValue.value

var person = {
var myDataName = 'height'
var myDataValue = '1.75m'
person[myDataName] = myDataValue}

3.使用对象构造器

<script>
function person(firstname,lastname,age,eyecolor){
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>

更新已经存在的属性的值

属性更改

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

var user = { name:'jhon',surname:'mike'}
user['name'] = 'peter'
delete user.name

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

方法更改

<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name){
this.lastname=name;
}
}
myMother=new person("Sally","Rally",48,"green");
myMother.changeName("Doe");
document.write(myMother.lastname);
</script>

"this"

关键字"this"指向了当前代码运行时的对象，保证了当代码的上下文(context)改变时变量的值的正确性