Javascript基础回顾之(三) js面向对象(javascript教程chm)

编辑：rootadmin

推荐整理分享Javascript基础回顾之(三) js面向对象(javascript教程chm)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript 基础,javascript教程chm,javascript的返回值,javascript基础函数,javascript 基础,javascript的返回值,javascript 基础,javascript教程chm,内容如对您有帮助，希望把文章链接给更多的朋友！

本来是要继续由浅入深表达式系列最后一篇的，但是最近团队突然就忙起来了，从来没有过的忙！不过喜欢表达式的朋友请放心，已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解，所以决定先花一些时间整理一下这些基础知识和大家分享。后面会附上培训用的PPT。刚开始是打算写一篇的，但是后来写着写着就发现越来越多，所以决定还是写一个系列吧。本系列所有内容都是涉及Javascript基础的，没有时髦的玩意儿，但是我相信这些基础的东西会有助于你理解那些有趣的东西的。

Javascript基础回顾之(一) 类型 Javascript基础回顾 (二) 作用域 Javascript基础回顾之(三) 面向对象

　　本篇是你必须知道的Javascript系列第三篇，我们主要来看看Javascript是如何面向对象的编程的。主要涉及以下内容：

Javascript中的对象什么是对象遍历属性创建对象工厂模式构造函数模式详解this 在函数中在对象方法中在构造函数中在call和apply中在bind中在dom元素事件处理函数中详解prototype 什么是原型什么是原型链利用原型链实现继承原型链中的问题

Javascript中的对象

什么是对象

我们可以把Javascript中对象理解为一组无序的键值对，就好像C#中的Dictionary<string,Object>一样。Key是属性的名称，而value可以为以下3种类型：

基本值（string, number, boolean, null, undefined) 对象函数

遍历属性

　　在C#中我们是可以用foreach对Dictionary<string,Object>进行遍历的，如果说对象在Javascript中是一组键值对的话，那我们如何进行遍历呢？

上面的这种遍历方式会把原型中的属性也包括进来，关于什么是原型，以及如何区分原型和实例中的属性我们下面会讲到。

创建对象　　其实在上面我们已经创建了一个对象，并且使用了以下两种创建对象的方式。

利用new创建一个Object的实例。字面量

我们上面的o是用第一种方式创建的，而o中的location属性则是用字面量的方式创建的。而第一种方式其实也有一种名字叫做构造函数模式，因为Object实际上是一个构造函数，为我们产生了一个Object的实例。如果对于构造函数这一块还有不清楚的话，赶紧去看我的第一篇类型基础Object与object吧。

　　除了以上两种方式以外，我们一些创建对象的方式，我们也来一起看一下：

工厂模式

这种模式创建的对象有一个问题，那就是它在函数的内部为我创建了一个Object的实例，这个实例跟我们的构造函数createPerson是没有任何关系的。

因为我在内部用new Object()来创建了这个对象，所以它是Object的实例。所以如果我们想知道它是具体哪个function的实例，那就不可能了。

构造函数模式

　　工厂模式没有解决对象识别的问题，但是我们可以想一下，Object()实际上也是一个函数，只不过当我在它前面加上一个new的时候，它就变成了一个构造函数为我们产生一个Object的实例。那么我同样也可以在其它函数前面加上new这样就可以产生这个函数的实例了，这就是所谓的构造函数模式。

详解this　　this在Javascript中也可以算是一个很神奇对象，没错this是一个对象。我们在上一篇作用域和作用域链中讲到了变量对象，变量对象决定了在当前的执行环境中有哪些属性和函数是可以被访问到的，从某种程度上来说我们就可以把this看作是这个变量对象。我们之前提到了最大的执行环境是全局执行环境，而window就是全局执行环境中的变量对象，那么我们在全局环境中this===window是会返回true的。

除了全局执行环境以外，我们还提到了另外一种执行环境，也就是函数。每一个函数都有一个this对象，但有时候他们所代表的值是不一样的，主要是这个函数的调用者来决定的。我们来看一下以下几种场景：

函数