了解JavaScript中的Object类型

前言

? ? ? ? 前文讲过JavaScript中的引用类型，本文将详细讲解JavaScript中的引用类型之一的Object类型。学习过其他面向对象编程的朋友应该知道类和对象的概念，那么Object类型也可以当它为JavaScript中的类。但这种称呼并不严谨，因为JavaScript中并没有面向对象语言所支持的类和接口等基本结构。

一、创建对象

? ? ? ? 要创建一个Object实例，可以用两种方式，第一种是使用new关键字后跟一个构造函数来创建，比如

var user= new Object();
user.name='mary';
user.age=23;

? ? ? ? ?以上代码创建了Object对象的一个新实例，然后把该实例保存在变量user中，使用的构造函数是Object，它只为新对象定义了默认的属性和方法。在创建对象的实例后，又为对象的实例定义了两个属性name和age。

? ? ? ? 第二种是使用对象字面量表示法。对象字面量是对象定义的一种简写形式，目的是为了简化创建包含大量属性的对象的过程，比如下面的例子

var user={
    name:'mary',
    age:23
}

? ? ? ? ?在上面的例子中，左边的花括号{代表对象字面量的开始，右边的花括号}代表字面量结束。对象字面量每个属性之间用逗号分隔，属性与属性值之间用冒号分隔。但是在最后一个属性值的后面不能再跟逗号。

二、使用对象

? ? ? ? 在使用对象字面量语法时，属性名也可以用字符串表示，如下

var user={
    'name':'mary',
    'age':23
}

? ? ? ? 还有一种与Object类似的写法，如下

var user= {};
user.name='mary';
user.age=23;

? ? ? ? 在使用对象字面量定义对象时，并不会调用Object的构造函数。

? ? ? ? 在实际开发中，开发人员更青睐于对象字面量的语法，因为这种语法的代码更简洁，而且能够给人一种封装数据的感觉。

????????实际上，对象字面量也是向函数传递大量可选参数的首选方式，例如：

function displayInfo(args){
  var output = "";

  if(typeof args.name == "string"){
    output += "name: " + args.name + "\n";
  }

  if(typeof args.age == "number"){
    output += "age: " + args.age + "\n";
  }

  alert(output);
}

displayInfo({
  name : "liuyan",
  age : 22
});

displayInfo({
  name : "liumin"
});

? ? ? ? 在上面的例子中，函数displayInfo()接受一个名为args的参数。这个参数可以带有多个属性，可以通过typeof操作符来检测每个属性是否存在。这种传递参数的模式最适合需要向函数传入大量参数的情形，虽然命名参数容易处理，但在有多个可选参数的情况下就会显得不够灵活。

? ? ? ? 访问对象属性的时候有两种方式，一种是点表示法，这也是很多面向对象语言中的通用语法。另一种是JavaScript独有的中括号表示法，比如

var user={
    'name':'mary',
    'age':23
}

console.log(user.name)
console.log(user['name'])

? ? ? ? 从功能上看，这两种方式没有什么区别，但中括号表示法可以通过变量来访问属性，比如

var user={
    'name':'mary',
    'age':23
}

for(var key in user){
    console.log(user[key])
}

? ? ? ? 如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，也可以使用方括号表示法，比如

user['first name']='mary';

? ? ? ? 在实际开发中，如果没有特殊情况，还是建议使用点表示法。