JavaScript学习之旅-12( 原创 )

在上一篇文章中，主要学习了JavaScript中的Date对象、正则表达式、Json、浏览器对象。这一篇我们主要深入学习探索JavaScript中的对象以及构造函数的说明和使用。

我们知道，在Java这门面向对象建模的计算机语言中，创建对象（新建一个Class，肯定是直接或者间接继承Object）、创建完毕之后接着使用对象（使用对象内部封装的函数完成开发需求，也就是new 对象，使用对象内的方法，也称对象的实例）是这们语言的灵魂和基础。不过，在JavaScript中，这个概念需要改一改。JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。实际上JavaScript对每个创建的对象都会设置一个原型去指向它的原型对象。

继承，是Java这门语言的特征之一，子类继承父类的目的是，子类可以吸收父类的数据属性和行为，并能扩展新的能力。那么，在JavaScript中，也有一种类似继承拓展的能力，我们首先定义一个对象：

定义一个“父类”

假设我现在想和Java一样，想实现类似继承的功能，这个该如何去做？这个时候，我们可以首先定义一个对象，然后使用关键字 __proto__ 去完成操作，写法如下：

“继承”

其中，红色的矩形为写法以及关键字，蓝色箭头代表“父类”，然后测试下结果：

结果

可以看到，我们使用关键字 __proto__ 之后，红色矩形内的名字以及成功被我们修改成 Tom 了，且 newCooker对象也成功使用了“父类”里面的play字段的函数。

但是一般不要直接用obj.__proto__去改变一个对象的原型，并且，低版本的IE也无法使用__proto__。解决办法如下：可以使用Object.create()方法，这个方法可以传入一个原型对象，并创建一个基于该原型的新对象，但是新对象什么属性都没有，因此，我们可以编写一个函数来创建想要“继承父类的子类”。

那么我们把上面的代码用函数返回对象的方式改一下，就有了以下的代码：

使用函数“继承”

关于继承的这一特点，会在下面的一篇文章专门讲述。

概念一：向上查找

我们首先复习回顾下JavaScript中对象的基本写法：

JavaScript对象基本写法

获取对象内的属性值，我们知道是用 obj.xxx 去获取一个对象的属性。那么这个获取对象属性值的操作是如何执行的？JavaScript首先在当前对象上查找该属性，找到了该属性值就返回，如果没有找到，就到其原型对象上一级找。如果还没有找到，就一直向上直到Object.prototype对象。

如果Object也没有找到，就返回undefined。

别忘了，JavaScript中，函数也是一个对象。这个跟Java有很大的差别（因为Java中函数的返回值可以是void）。所以，JavaScript首先在当前函数对象上查找该属性，找到了该属性值就返回，如果没有找到，就到其原型对象上一级（也就是Function.prototype）找。如果还没有找到，就一直向上直到Object.prototype对象。

如果Object也没有找到，就返回undefined。

所以，函数对象和普通对象的执行顺序都是一样的，自己要是没有就向上找，如果上层也没有这个对应的属性，就会undefined。

概念二：构造函数

我们知道，Java的构造函数主要作用是完成对象的初始化工作，它能够把定义对象时的参数传给对象的域。那么，JavaScript中的构造函数是什么?

JavaScript可以用构造函数的方法来创建对象。它的用法如下：

首先这是一个普通函数，但是在JavaScript中可以使用关键字new来调用这个函数，并返回一个对象（按照约定，构造函数首字母应当大写，而普通函数首字母应当小写，这里为了展示方便就用小写，后面还是需要严格按照书写规范进行书写）。如果不写new，这就是一个普通函数，它返回undefined。但是，如果写了new，它就变成了一个构造函数。