Javascript引用类型——“Object类型”的注意要点

Object 类型

关于引用类型的概念:

  • 引用类型:引用类型的值(对象)是引用类型的一个实例;
  • 对象:是某个特定引用类型的实例;
  • 新对象:用new 操作符后跟一个构造函数来创建的;如代码:var person = new Object();这行代码创建了Object 引用类型的一个新实例,然后把该实例保存在了变量person 中。使用的构造函数Object()

创建Object 类型实例的方法

  1. 使用new 操作符后跟Object 构造函数;
  2. 使用对象自变量表示法

对于第一种,Object 实例的创建方式如下:

var child = new Object();
child.name = "Oliver";
child.age = 18;
console.log(child.name); //"Oliver"

对于第二种,Object 实例的创建方式如下:

var child = {
    name: "Oliver",
    age: 18
}
console.log(child.age + " " + child.name); //"18 Oliver"

上面这个例子中,在age:18 之后不能添加逗号,因为age 是这个对象的最后一个属性。(在最后一个属性后面添加逗号,会在IE7 及更早版本和Opera 中导致错误。)

另外,在自变量表示法创建实例的中,属性名也可以使用字符串,如:

var person = {
    "name" : "Nicholas",
    "age" : 29,
    5 : "fdd"
}
console.log(person.name); //"Nicholas"
console.log(person["5"]); //"fdd"

注意!这里如果要访问person 里面的属性名为5 的属性的值,则需要使用方括号语法如:person[5],最好写成person['5']后面会介绍。

另外,这里的5 会被自动转换成字符串”5″。

在使用字面两语法时,如果留空其花括号,则可以定义只包含默认属性和方法的对象,如:

var person = {};
person.name = "Oliver";
person.age = 18;
person[5] = "fdd";

这里的var person = {}new Object()相同。

对象字面两也是向函数传递大量可选参数的首选方式,如:

function display(obj){
    var output = "";
    if (typeof obj["name"] == "string"){
        output += "Name: " + obj["name"] + "<br/>";
    }
    if (typeof obj.age == "number"){
        output += "Age: " + obj.age + "<br/>";
    }
    document.write(output);
}

display({
    name:"Oliver",
    age:18
})

一般来说方括号语法是在必须使用变量来访问属性的时候才使用。如果这里一定要用方括号语法,那就必须写成这样的形式person["name"]person.name相同。后面会详述。

访问对象的属性

一般来说主要有两种方法:

  1. 点表示法;
  2. 方括号语法;

访问对象属性时一般都是使用点表示法。当然也可以使用方括号表示法,如:

person.name;
person["name"];

方括号语法的主要优点是可以通过变量来访问属性,如:

var person = {
    name:"Oliver"
}
var propertyName = "name";
console.log(person[propertyName])

在对象里面,name属性可以写成字符串形式”name”,如果用方括号语法,一定要注意写成person[“name”]

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

person["first name"] = "Oliver";

因为如果写成person.first name 会报错。
一定要注意的是,除非必须使用变量来访问属性,否则建议使用点表示法。

未经允许不得转载:SuperMan's blog » Javascript引用类型——“Object类型”的注意要点

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址