JavaScript中的Object的引用类型

您所在的位置:网站首页 javascript中引用数据类型 JavaScript中的Object的引用类型

JavaScript中的Object的引用类型

#JavaScript中的Object的引用类型| 来源: 网络整理| 查看: 265

本章内容

使用对象

引用类型的值(对象)是引用类型的一个实例。在ECMAScript中,引用数据类型是一种数据结构,从技术上讲是一门面向对象的语言,但是它不具备传统的面向对象语言所支持的类和接口等基本结构(es6以下的版本)。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具备的属性和方法。虽然引用类型和类看起来很相似,但它们并不是相同的概念。

对象是某个特定引用类型的实例。新对象是使用new 操作符后跟一个构造函数创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的。请看下面这行代码:

var person = new Object();

这行代码创建了Object引用类型的一个新的实例,然后把该实例保存在了变量person中。使用的构造函数是Object,它只为新对象定义了默认属性和方法。ECMAScript提供了很多原生引用类型,以便开发人员用以实现常见的计算任务。

Object 类型 我们看到的大多数引用类型值都是Object类型的实例;而且,Object也是ECMAScript中使用最多的一个类型。虽然Object的实例不具备多少功能,但是对于在应用程序中的存储和传输数据而言,它们确实是非常理想的选择。 创建Object实例的方式由两种。第一种是使用new 操作符后面跟Object构造函数,如下:

var person = new Object(); person.name = 'Nicholas'; person.age = 29;

另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程。下面这个例子就使用了对象字面量语法定义了与前面那个例子中相同的person对象:

var person = { name:'Nicholas', age:29 }

在这个例子中,左边的花括号({)表示对象字面量的开始,因为它出现在了表达式上下文中。ECMAScript中的表达式上线文指的是该上线文期待一个值(表达式)。赋值操作符表示后面是一个值,所以左花括号在这里表示一个表达式的开始。同样的花括号,如果出现在一个语句上下文(statement context)中,例如跟在if语句条件的后面,这表示一个语句块的开始。 然后,我们定义了name属性,之后是一个冒号,再后面是这个属性的值。在对象字面量中,使用逗号来区分不同的属性,因此‘Nicholas’后面是一个逗号。但是,在age属性的值29的后面不能添加逗号,因为age这个对象的后面没有其他属性,如果添加了会在IE7及更早版本和opera中导致错误。在通过对象字面量定义对象时,实际上不会调用Object构造函数(Firfox 2及更早的版本会调用Object) 虽然可以使用前面简介的任何一种方法来定义对象,但开发人员更青睐对象字面量语法,因为这种语法要求的代码量少,而且能够给人封装数据的感觉。实际上,对象字面量也是向函数传递大量可选参赛的首选方式,例如:

function dispalyInfo(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) } dispalyInfo({name:'Nicholas',age: 29}); dispalyInfo({ name:'greg' })

在上面的例子中,函数dispalyInfo()接受一个名为args的参数。这个产数可能带有一个名为name或age的属性,也可能这两个属性都有或者多没有。在这个函数的内部,我们通过typeof操作符来检查每个属性是否存在,然后在基于相应的属性来构建一条要显示的信息。然后,我们调用了两次这个函数,每次使用一个对象字面量来指定不同的数据。这两次调用传递的参数虽然不同,但函数都能正常执行。这种传递参数的模式最适合需要向函数传入大量可选参数的情形,一般来讲,命名参数虽然容易处理,但在有多个可选参数的情况下就会显示的不够灵活。最好的做法是对那些必须值使用命名参数,而使用对象字面量来封装是多个可选参数。 一般来说,访问对象属性时使用的都是点表示法,这也是很多面向对象语言中的通用的语法。不过,在JavaScript也可以使用方括号表示法来访问对象的属性。在使用方括号语法时,应该要访问的属性以字符串的形式放在方括号里面,如下的例子所示。

alert(person['name']);//'Nicholas' alert(person.name);//'Nicholas'

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

var propertyName = 'name'; alert(person[propertyName]);//'Nicholad'

有一些对象的key是数字的情况下也建议使用方括号取,因为使用点取的话会出异常,例如:

var obj = { 1:'1' 2:'2' } // error console.log(obj.1)//Uncaught SyntaxError: Unexpected number // right console.log(obj[1])// 1

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

person['first name']= 'Nicholas';

由于'first name'中包含一个空格,所以不能使用点表示法来访问它。然而,属性名中是可以包含非字母非数字的,这时候就可以使用方括号来访问它们,通常,除了非必须使用变量来访问属性,否则我们建议使用点表示法 每个字面量或者使用new实例出来的对象,都会继承Object基类的方法。Object的每个实例都会有一下属性和方法。

constructor:保存着创建当前对象的函数。对于var o = new Object而言,构造函数就是(corstructor)object()。 hasOwnProperty(propertyName):用于检测给定的属性在当前实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名(propertyName)必须以字符串形式指定(例如:o.hasOwnperproty('name')). isPropertypeOf(object);用于检测传入的对象是否是当前对象的原型; propertyIsEnumerable(propertyName);用于检测给定属性时候能过使用for-in语法来枚举。与hasOwnProperty()方法一样,作为参数的属性必须以字符串形式指定; toLocaleString();返回对象字符串表示,该字符串与执行环境的地区对应。 toString():返回对象字符串表示,作为隐身转换的一个方法; 返回对象的字符串、数值或布尔值表示。通常与 toString()方法的返回值 相同。


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3