JavaScript引用类型——Object类型

引用类型的值(对象)是引用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。
对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的。

var person = new Object();

这行代码创建了Object引用类型的一个新实例,然后把该实例保存在了变量person中。使用的构造函数是Object,它只为新对象定义了默认的属性和方法。ECMAScript提供了很多原生引用类型(例如Object)。

Object类型

虽然Object的实例不具备多少功能,但对于在应用程序中存储和传声数据而言,它们确实是非常理想的选择。
Object是一个基础类型,其他所有类型都从Object继承了基本的行为。
创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如:

var person = new Object();
person.name = "Icey";
person.age = 25;

另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程。如:

var person = {
    name : "Icey".
    age : 25
}

在使用对象字面量语法时,属性名也可以使用字符串,如:

var person = {
    "name" : "Icey",
    "age" : 25,
    5 : true
}

这里,数值属性会自动转换成字符串。

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

var person = {}; 
person.name = "Icey";
person.age = 25;

在通过对象字面量定义对象时,实际上不会调用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: "Icey",
    age: 25
});

displayInfo({
    name: "Root";
})

一般来说,访问对象属性时使用的都是点表示法,不做,在JavaScript中也可以使用方括号表示法来访问对象的属性。在使用方括号时,应该将要访问的属性以字符串的形式放在方括号中,如:

alert(person["name"]); //"Icey"
alert(person.name); //"Icey"

从功能上看,这两种访问对象属性的方法没有任何区别,但方括号语法的主要优点是可以通过变量来访问属性,如:

var propertyName = "name";
alert(person[propertyName]); //"Icey"

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

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

由于"first name" 中包含一个空格,所有不能使用点表示法来访问它。然而,属性名中是可以包含非字母非数字的,这时候就可以是哦那个方括号表示法来访问它们。
通常,除非必须使用变量来访问属性,否则建议使用点表示法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,478评论 0 4
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,423评论 9 118
  • 本章内容 使用对象 创建并操作数组 理解基本的 JavaScript 类型 使用基本类型和基本包装类型 引用类型的...
    闷油瓶小张阅读 3,942评论 0 0
  • importUIKit classViewController:UITabBarController{ enumD...
    明哥_Young阅读 9,454评论 1 10
  • 因为胃不好,医生叮嘱不要再天天在外面吃饭,自己煮点清淡的东西吃,我很苦恼,因为家里的电饭锅太大,我饭量很少,每次煮...
    我愛一個幼稚鬼阅读 5,171评论 6 1