JavaScript-对象

发表于 | 分类于


它们具有属性（关于对象的信息）和方法（对象具有的函数或功能）。对象是非常强大的数据类型，当你使用 JavaScript 或任何其他面向对象编程语言时，将经常看到对象类型。

对象字面值、方法和属性

你可以使用对象字面值记法定义对象：

1
2
3
4
5
6
7
8
9
var myObj = {
  color: "orange",
  shape: "sphere",
  type: "food",
  eat: function() { return "yummy" }
};

myObj.eat(); // 方法
myObj.color; // 属性

对象命名规则

1.不能将数字用作对象属性名称的开头

举个错误的例子：

1
2
3
4
5
6
7
var peson {
  name:"John",
  age:"55",
  1stChild:"James",  // 错误
  2ndChild:"Jarred",  // 错误
  3rdChild:"Alexis",  // 错误      
};

分别用括号表示法和点表示法来输出属性时:

  • 括号表示法

    1
    person["1stChild"];

  • 点表示法:

    1
    person.1stChild;

下面我们看下在Chrome console的效果

对象命名规则

正确的书写：

1
2
3
4
5
var peson {
  name:"John",
  age:"55",
  Children:["James","Jarred","Alexis"]    
};

2.不能使用空格或连字符

举个错误的例子：
第一种使用空格，第二种使用连字符

1
2
3
4
5
6
7
8
9
10
var garage {
  "fire truck":{  // 错误
    "color":"red",
    "wheels":"6"        
  },
  "race-car":{  // 错误
    "color":"blue",
    "wheels":"4"        
  }      
};
  • 点表示法:
    1
    garage.fire truck;
1
garage.race-car;

下面我们看下在Chrome console的效果

对象命名规则2

正确的书写:采用驼峰命名法

1
2
3
4
5
6
7
8
9
10
var garage {
  "fireTruck":{
    "color":"red",
    "wheels":"6"        
  },
  "raceCar":{
    "color":"blue",
    "wheels":"4"        
  }      
};

总结：

可以随便使用大小写字母和数字，但是属性名称不要以数字开始。 字符串不需要放在引号里！如果是多个单词构成的属性，则采用驼峰式大小写形式。 属性名称里不要使用连字符