html语言面向对象,自学html5教程之JavaScript面向对象

原标题：自学html5教程之JavaScript面向对象

1.对象是什么

面向对象编程(Object Oriented Programming，缩写为 OOP)是目前主流的编程范式。 它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。

每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数据、发出信息等任务。对象可以复用，通过继承机制还可以定制。

因此，面向对象编程具有灵活、代码可复用、高度模块化等特点，容易维护和开发。比起由一系列函数或指令组成的传统的面向过程式编程，更适合多人合作的大型软件项目。

用一句简洁的话来区别面向对象和面向过程：面向过程可以理解为“该干啥事情”，面向对象理解为“谁来干事情”。

经常有人说到，js中万物皆对象，并不是随口一说这么简单。因为对象是入任何一个实物的抽象，我们把对象成为Object,它的翻译就是咱们中文经常泛指的“东西”。

进一步来说，一个人，一部手机，一棵树都可以作为对象，难道只有我们现实生活中的事物才能作为对象吗？不是的，即便是在网络我们所提到的数据信息及其类型，也可以作为对象。

当事物被抽象成对象，事物之间的关系就变成了对象之间的关系，我们就可以操作对象，模拟对事物进行的操作。

作为每一个对象来说，我们可以把它看成一个容器，它封装了属性(property)和方法(method),属性就是对象具有的属性,比如把人(person)作为对象。

人有年龄(age)，性别(sex)，名字(name)等等，这些都是人的属性，可以通过person.xxx(person.age/person.sex/person.name)来访问属性。

方法就是对象具有的行为，还拿人这个对象来说吧，人可以吃饭(eat)，打篮球(playbasketball)，跑步(run)等等,这些都是人的方法，可以通过person.xxx()(person.eat()/perosn.run())来访问

2.Java中的构造函数

既然是面向对象，那我们的第一步肯定是需要实例化对象是吧。上面提到了,对象是单个事物的抽象，我们可以把它看成一个模板，它具有这一类对象的共同特征，用这个模板生成对象。

典型的面向对象编程语言(C语言和Java),都有“类”(class)这个概念，这里的类就是我们所说的对象模板，用它实例化对象。

但是Java语言的对象体系，不是基于“类”的，而是基于构造函数(constructor)的和原型链(prototype)。

在Java中，我们使用构造函数作为模板来实例化对象。一个构造函数，可以生成若干个实例对象，这些实例对象都具有与模板相同的结构(属性和方法)。

构造函数其实就是一个普通的函数，但是它具有自己的特征和用法

上面的代码中，Person就是构造函数。

现在我们提一下普通函数和构造函数的区别：

1)构造函数：

构造函数名字的首字母大写

生成对象的时候，使用new命令

构造函数内部会创建一个新的实例

函数内部的this指向是新创建的实例

默认的返回值是new出来的实例

2)普通函数：

普通函数就遵循鸵鸟命名法

在调用函数的内部不会创建新的对象

函数内部的this指向调用函数的对象(如果没有对象调用，默认是window)

返回值由return语句决定

3.new命令

3.1基本用法

new 命令的作用，就是执行构造函数，返回的是一个实例对象。

上面代码通过new命令，让构造函数Person生成了一个实例对象，保存在变量man中，即man就是这个Person的一个实例对象。

这个实例对象man,从Person得到了name属性。new命令执行时，构造函数内部的this,就代表了这个新生成的实例对象，this.name表示实例对象有一个name属性，属性值是YKX。

使用new命令时，根据需要，构造函数也可以接受参数。

因为new命令本身就是可以执行构造函数，所以后面的构造函数可以带括号，也可以不带括号。

下面两行代码虽然是等价的，但是为了强调函数调用，推荐使用括号。

那么问题来了，如果忘了使用new 命令，直接调用构造函数会发生什么事？ 这种情况下，构造函数就变成了普通函数，调用它并不会生成实例对象。

上面代码中，调用Person构造函数时，忘了加上new命令。结果，变量man变成了undefined,而name属性变成了全局window的一个属性，因此，应该非常小心，避免不使用new命令，强行调用构造函数。

为了确保构造函数和new命令一起使用，一个解决办法是，构造函数内部使用严格模式(在第一行加上use strict)。不用new命令直接调用构造函数，就会报错，

上面代码的Foo为构造函数，use strict命令保证了该函数在严格模式下运行。由于严格模式下，函数内部的this不能指向全局对象，默认等于undefinded,导致不加new调用会报错(Java不允许对undefiend添加属性)

另一个解决方法，构造函数内部判断是否使用new命令，如果发现没有使用，则直接返回一个实例对象。

上面代码中的构造函数，不管加不加new命令，都会得到同样的结果。

在上面的例子中 obj1 obj2 obj3 为普通对象，f1 f2 f3 为函数对象。 怎么区分?其实很简单，凡是通过 new Function()创建的对象都是函数对象，其他的都是普通对象。f1,f2,归根结底都是通过 new Function()的方式进行创建的。Function Object 也都是通过 New Function()创建的。

3.2new命令的原理

使用new命令时，它后面的函数以此执行下面的步骤。**1.创建一个空对象，作为将要返回的对象实例。2.将这个空对象的原型，指向构造函数的prototype属性。3.将这个空对象赋值给函数内部的this关键字。4.开始执行构造函数内部的代码。**

由此可知.构造函数内部，this的指向是一个新生成的空对象，所有针对this的操作，都会发生在这个空对象上。构造函数的目的就是操作一个空对象(即this对象)，将其“构造”为需要的样子。

当然，如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就不会管return语句，返回this对象。

上面eg2代码中，构造函数Person的return语句，返回的是一个新对象。new命令会返回这个对象，而不是this对象(即man2.name是YYY，不是YKX)。

4.Object.create()创建实例对象

我们都知道用构造函数作为模板创建实例对象，但是，如果暂时找不到构造函数，只有一个现有的对象，我们希望以这个现有的对象作为模板实例化对象， 我们就要用到Object.create()方法。

如上代码，person1就是一个对象，但它不是一个模板，没有构造函数，我们就用Object.create()把person1当成一个模板，让它(person1)成为模板生成一个实例对象(person2)，这样.person2就具有了person1的属性和方法。这就是用Object.create()创建实例对象的简单过程。返回搜狐，查看更多

责任编辑：