2014年10月_liulei88

转载深入理解javascript原型和闭包(18)——补充：上下文环境和作用域的关系

本系列用了大量的篇幅讲解了上下文环境和作用域，有些人反映这两个是一回儿事。本文就用一个小例子来说明一下，作用域和上下文环境绝对不是一回事儿。再说明之前，咱们先用简单的语言来概括一下这两个的区别。00 上下文环境：可以理解为一个看不见摸不着的对象（有若干个属性），虽然看不见摸不着，但确实实实在在存在的，因为所有的变量都在里面存储着，要不然咱们定义的变量在哪里存？另外，对于函数来

2014-10-06 21:40:35 681

转载深入理解javascript原型和闭包(17)——补this

本文对《深入理解javascript原型和闭包（10）——this》一篇进行补充，原文链接：http://www.cnblogs.com/wangfupeng1988/p/3988422.html原文中，讲解了在javascript中this的各个情况，写完之后发现还落下一种情况，就此补充。原文中this的其中一种情况是构造函数的，具体的内容可以参考原文，此处不再赘述。要补充的内

2014-10-06 21:34:43 607

转载深入理解javascript原型和闭包（16）——完结

之前一共用15篇文章，把javascript的原型和闭包。　　首先，javascript本来就“不容易学”。不是说它有多难，而是学习它的人，往往都是在学会了其他语言之后，又学javascript。有其他语言的学习经历和实践经历，再加上自学javascript，边学边用，肯定会产生许多误解，走许多弯路。我就没少经历，也算是一种教训。　　其次，原型和闭包又是一对难兄难弟，一来是他俩比较难懂，而

2014-10-06 21:29:06 597

转载深入理解javascript原型和闭包(15)——闭包

前面提到的上下文环境和作用域的知识，除了了解这些知识之外，还是理解闭包的基础。至于“闭包”这个词的概念的文字描述，确实不好解释，我看过很多遍，但是现在还是记不住。但是你只需要知道应用的两种情况即可——函数作为返回值，函数作为参数传递。第一，函数作为返回值

2014-10-06 19:17:52 470

转载深入理解javascript原型和闭包(14)--从自由变量到作用域链

先解释一下什么是“自由变量”。在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量。如下图

2014-10-06 18:38:29 691

转载深入理解javascript原型和闭包(13)--作用域和上下文环境

上文简单介绍了作用域，本文把作用域和上下文环境结合起来说一下，会理解的更深一些。

2014-10-06 18:08:29 801

转载深入理解javascript原型和闭包(12)——简介【作用域】

提到作用域，有一句话大家（有js开发经验者）可能比较熟悉：“javascript没有块级作用域”。所谓“块”，就是大括号“｛｝”中间的语句。例如if语句：

2014-10-06 17:58:06 650

转载深入理解javascript原型和闭包(11)——执行上下文栈

继续上文的内容。执行全局代码时，会产生一个执行上下文环境，每次调用函数都又会产生执行上下文环境。当函数调用完成时，这个上下文环境以及其中的数据都会被消除，再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。其实这是一个压栈出栈的过程——执行上下文栈。如下图：

2014-10-06 17:38:01 650

转载深入理解javascript原型和闭包(10)——this

接着上一节讲的话，应该轮到“执行上下文栈”了，但是这里不得不插入一节，把this说一下。因为this很重要，js的面试题如果不出几个与this有关的，那出题者都不合格。其实，this的取值，分四种情况。我们来挨个看一下。在此再强调一遍一个非常重要的知识点：在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分

2014-10-06 17:12:07 823

转载深入理解javascript原型和闭包(9)——简述【执行上下文】下

上一篇我们讲到在全局环境下的代码段中，执行上下文环境中有如何数据：变量、函数表达式——变量声明，默认赋值为undefined；this——赋值；函数声明——赋值；如果在函数中，除了以上数据之外，还会有其他数据。先看以下代码：

2014-10-06 15:37:43 588

转载深入理解javascript原型和闭包(8)——简述【执行上下文】上

什么是“执行上下文”（也叫做“执行上下文环境”）？暂且不下定义，先看一段代码：

2014-10-06 14:53:23 620

转载深入理解javascript原型和闭包(7)——原型的灵活性

在Java和C#中，你可以简单的理解class是一个模子，对象就是被这个模子压出来的一批一批月饼（中秋节刚过完）。压个啥样，就得是个啥样，不能随便动，动一动就坏了。而在javascript中，就没有模子了，月饼被换成了面团，你可以捏成自己想要的样子。首先，对象属性可以随时改动。对象或者函数，刚开始new出来之后，可能啥属性都没有。但是你可以这会儿加一个，过一会儿在加两个，非常灵活

2014-10-06 13:53:48 544

转载深入理解javascript原型和闭包(6)—继承

为何用“继承”为标题，而不用“原型链”？原型链如果解释清楚了很容易理解，不会与常用的java/C#产生混淆。而“继承”确实常用面向对象语言中最基本的概念，但是java中的继承与javascript中的继承又完全是两回事儿。因此，这里把“继承”着重拿出来，就为了体现这个不同。 javascript中的继承是通过原型链来体现的。先看几句代码

2014-10-06 13:19:47 575

转载深入理解javascript原型和闭包(5)——instanceof

又介绍一个老朋友——instanceof。对于值类型，你可以通过typeof判断，string/number/boolean都很清楚，但是typeof在判断到引用类型的时候，返回值只有object/function，你不知道它到底是一个object对象，还是数组，还是new Number等等。这个时候就需要用到instanceof。例如：

2014-10-06 12:37:12 762

转载深入理解javascript原型和闭包(4)——隐式原型

注意：本文不是javascript基础教程，如果你没有接触过原型的基本知识，应该先去了解一下，推荐看《javascript高级程序设计（第三版）》第6章：面向对象的程序设计。上节已经提到，每个函数function都有一个prototype，即原型。这里再加一句话——每个对象都有一个__proto__，可成为隐式原型。这个__proto__是一个隐藏的属性，javascript不希望开发者用

2014-10-06 11:17:46 496

转载深入理解javascript原型和闭包(3)--prototype原型

既typeof之后的另一位老朋友！prototype也是我们的老朋友，即使不了解的人，也应该都听过它的大名。如果它还是您的新朋友，我估计您也是javascript的新朋友。在咱们的第一节（深入理解javascript原型和闭包（1）——一切都是对象）中说道，函数也是一种对象。他也是属性的集合，你也可以对函数进行自定义属性。不用等咱们去试验，javascript自己就先做了表率，人

2014-10-06 10:47:28 844

转载深入理解javascript原型和闭包(2)--函数和对象的关系

上文（理解javascript原型和作用域系列（1）——一切都是对象）已经提到，函数就是对象的一种，因为通过instanceof函数可以判断。

2014-10-06 10:20:41 667

转载深入理解javascript原型和闭包(1)-->一切都是对象

该教程绕开了javascript的一些基本的语法知识，直接讲解javascript中最难理解的两个部分，也是和其他主流面向对象语言区别最大的两个部分——原型和闭包，当然，肯定少不了原型链和作用域链。帮你揭开javascript最神秘的面纱。　　为什么要偏偏要讲这两个知识点？　　这是我在这么多年学习javascript的经历中，认为最难理解、最常犯错的地方，学习这两个知识点，会让你对java

2014-10-06 10:03:58 824

LiuLei88的专栏