www.baike369.com
百科369 > JS教程 > JavaScript对象

JavaScript对象



JavaScript对象的介绍

对象是JavaScript最基本的数据类型之一,是一种复合的数据类型,将多种数据类型集中在一个数据单元中,并允许通过对象名来存取这些数据的值。

JavaScript对象的概念

在一个程序里,通常会使用很多变量来描述一些实物的属性,例如一个名为color的变量,该变量有可能会用来描述一样东西的颜色。

JavaScript对象的属性

对象就是一些变量的集合。在JavaScript中将包含在对象内部的变量称为对象的属性。

JavaScript对象的方法

对象是一些数据的集合,事实上,在JavaScript中,函数也是一种特殊的数据。

JavaScript对象的方法与实例

在JavaScript中,方法其实就是通过对象调用的JavaScript函数。

JavaScript中的全局对象介绍与实验

当JavaScript的任何一个程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用。

JavaScript内部对象

JavaScript中的内部对象按照使用方式分为动态对象和静态对象两种。


JavaScript创建对象

在JavaScript中有两种对象,一种是系统内置的对象,另一种是用户自己创建的对象。两种不同的对象,有着不同的创建方法。

JavaScript创建对象的基本步骤

在建立新对象之前,需要通过构造其属性来定义对象,这一过程由定义函数名及其属性的函数来完成。

JavaScript使用构造函数创建内置对象

在JavaScript中有很多内置的对象,每个内置的对象都有一个构造函数,直接使用构造函数就可以创建并初始化一个对象。

JavaScript直接创建自定义对象

在JavaScript中,除了很多内置对象之外,还可以由用户自己创建对象,这类对象称为自定义对象。

JavaScript使用自定义构造函数创建对象

直接创建自定义对象虽然很方便也很直观,但是如果要创建多个相同的对象,使用这种方法就显得很麻烦了。

JavaScript对象的创建与属性的设置

在JavaScript中,可以直接创建对象并对其属性进行设置。


JavaScript对象的属性

通常每个对象都会有很多属性,程序员可以获取对象属性值,也可以设置对象属性值。

JavaScript设置对象的属性

一般来说,对象都会拥有属性,对于系统内置的对象来说,在其构造函数中就已经设置了对象的属性,只要使用new运算符创建对象,该对象就会直接拥有这些属性。

JavaScript存取对象的属性值

要存取对象的属性值,就必须使用对象属性存取运算符(.)。

JavaScript对象的属性的枚举

一个对象通常有多个属性。如果要获取某个属性值,就必须要使用“对象名.属性名”的方法来获取。

JavaScript删除对象的属性

在JavaScript中,可以使用delete运算符来删除一个对象的属性。


JavaScript构造函数

与普通函数不同,调用构造函数必须要使用new运算符。构造函数也可以和普通函数一样拥有参数,其参数通常用于初始化新对象。在构造函数的函数体内通过this运算符初始化对象的属性与方法。

JavaScript创建简单的构造函数

创建构造函数的方法与创建普通函数的方法十分类似,也是使用function语句。

JavaScript创建有默认值的构造函数

在创建对象时,如果没有初始化某个属性,那么该属性的值会自动设为undefined。

JavaScript创建有方法的构造函数

对象不但可以拥有属性,还可以拥有方法。

JavaScript中this关键字的具体用法

this关键字一般只在用作对象成员方法的函数中出现,代表某个成员方法执行时,引用该方法的当前对象实例。


JavaScript对象的原型与继承

对象的属性是可以继承的,在继承对象属性时会使用到原型对象。

JavaScript对象与类

虽然JavaScript被称为“面向对象”的语言,但是在JavaScript中并没有正式的“类”的概念,这一点与其它面向对象的程序设计语言有所不同。

JavaScript原型对象

调用构造函数来创建对象,其实是一种效率非常低的方法,因为每次创建对象的时候,都要在构造函数里为该对象分配相同的方法和属性。

JavaScript对象的继承

由于对象是类中的一个实例,因此对象可以继承类中的所有方法与属性。

JavaScript对象自己的方法和属性

对象除了可以继承类中的所有方法和属性之外,还可以拥有属于自己的方法和属性,该方法与属性是类中所没有的。

JavaScript对象方法与属性的覆盖

还有一种情况,对象拥有与类中相同名称的方法和属性,但该方法和属性与类中的方法和属性的内容不一样。


JavaScript Object对象

JavaScript有很多对象,如系统内置的字符串对象、数组对象、布尔对象和日期对象等,还有用户自定义的对象。这些对象都会有一些共同特性,在JavaScript中,将这些共同特性都反映在了一个名为Object的对象中。换句话来说,Object对象是包含所有JavaScript对象的特性的一种对象,该对象中的属性与方法被其它对象所继承。

JavaScript使用Object对象创建新对象

在JavaScript中,使用Object构造函数可以创建一个新对象。

JavaScript使用Object对象的技巧

Object对象提供了对象的最基本功能,这些功能构成了所有其它对象的基础。

JavaScript使用Object对象的constructor属性查看对象的构造函数

typeof运算符可以判断操作数的类型,如果操作数是对象的话,返回“object”,但typeof运算符不能判断对象究竟是什么类型的对象。

JavaScript Object对象的toString()方法用于对象的字符串表示

Object对象的toString()方法可以返回一个用于表示对象的字符串。

JavaScript Object对象的toLocaleString()方法返回对象的本地字符串表示

toLocaleString()方法与toString()方法类似,也能返回对象的字符串表示,不过,该字符串是被格式化成为适合本地的表示法。

JavaScript Object对象的propertyIsEnumerable()方法判断是否是对象的自有属性

通常,JavaScript中的对象都会拥有多个属性,有些属性可能是继承过来的,而有些属性则有可能是该对象所特有的。

JavaScript Object对象的hasOwnProperty()方法判断属性是否是非继承的

hasOwnProperty()方法与propertyIsEnumerable()方法有点类似。

JavaScript Object对象的isPrototypeOf()方法判断是否是原型对象

使用isPrototypeOf()方法可以判断一个对象是否是另一个对象的原型对象。

JavaScript Object对象的valueOf()方法返回对象的原始值

valueOf()方法返回的是与对象相关的原始值。


JavaScript其它系统对象

在JavaScript中中除了自定义对象之外,还有很多系统内置的对象,如字符串对象、数组对象、布尔对象、日期对象、函数对象、数学对象、数字对象和Error对象等。这些内置的对象除了继承了Object对象中的属性和方法之外,还拥有许多自己的方法和属性,为程序员编程带来了很大的便捷。


JavaScript Arguments对象

JavaScript Arguments对象

Arguments对象只能在函数体中定义,代表一个函数的参数和其它属性。


JavaScript函数对象

JavaScript函数对象

在JavaScript中,函数既是一种基本的数据类型也是一个对象,因此函数拥有属于自己的属性和方法。


JavaScript Error对象

在JavaScript中拥有一个Error对象,当执行JavaScript代码出错时,JavaScript的解释器就会抛出一个Error对象的实例,该实例中包含JavaScript中特定的错误信息。

JavaScript接收抛出的Error对象实例

在运行JavaScript代码时,如果产生了错误或异常,JavaScript就会生成一个Error对象的实例来描述错误。

JavaScript创建Error对象

有些JavaScript代码并没有语法上的错误,但是有逻辑错误。

JavaScript Error对象的属性

Error对象拥有下面2个属性:error.name:该属性为错误类型。

JavaScript Error对象的方法

Error对象只有一个方法,该方法如下:该方法返回的是一个用来表示Error对象的字符串,通常为“[object Error]”。

Copyright© 2011-2016 www.baike369.com All Rights Reserved