了解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';

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

你可能感兴趣的:(javascript,开发语言,ecmascript)