当前位置

网站首页> 程序设计 > 开源项目 > 程序开发 > 浏览文章

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

作者:小梦 来源: 网络 时间: 2024-06-26 阅读:

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 会报错。
一定要注意的是,除非必须使用变量来访问属性,否则建议使用点表示法。

热点阅读

网友最爱