1.作为命名空间的函数
有时候我们需要声明很多变量。这样的变量会污染全局变量并且可能与别人声明的变量产生冲突。
这时。解决办法是将代码放入一个函数中，然后调用这个函数。这样全局变量就变成了
局部变量。
如：
function my(){

}

my();    //别忘记调用
这段代码定义了一个单独的全局变量：名叫"my"的函数。
我们还可以这么写，定义一个匿名函数：
(function(){       //这里第一个左括号是必须的，如果不写，JavaScript解析器会将

                           //function解析成函数声明语句，使用的话解析成函数定义表达式

}())    //这里的()的作用是，函数定义完毕后立即调用它。
 
2.闭包
理解一（某书）：
函数的执行依赖于变量作用域。为了实现这种词法作用域，必须引用当前的作用域链。
函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，
这种特性在计算机科学中称为“闭包”。
从技术角度上讲，所有的JavaScript函数都是闭包：他们都是对象，他们都关联到作用域链。
调用函数时闭包所指向的作用域链和定义函数时的作用域链不是同一个作用域链时，事情就变得非常微妙。
 
理解二（某书）：
闭包是指有权访问另一个函数作用域中的变量的函数。
创建闭包的常见方式：就是在一个函数内部创建另一个函数。
 
这里照搬书上的解释：
函数被调用的时候会发生什么？
当函数被调用的时候，会创建一个执行环境和作用域链然后使用参数来初始化函数的活动对象。在作用域链中，外部函数的活动对象始终处于第二位。
 
一般来讲，当函数执行完毕后，局部活动对象(我理解为局部变量)就会被销毁，内存中仅保存全局作用域(全局执行环境的变量对象)。
作用域链的作用是保证对执行环境的所有变量和函数的访问。
但是在闭包中情况则不同！
内部函数会将外部函数的活动对象添加到它的作用域链中。在匿名函数从外部函数被返回后，它的作用域链被初始化为包含外部函数的活动对象和全局变量的对象。
 
这样匿名函数就可访问外部函数中定义的所有变量。当外部函数执行完毕后，其活动对象也不会被销毁。因为匿名函数的作用域链仍然在引用这个活动对象。也就是外部函数的作用域链会被销毁，但是他的活动对象仍然会留在内存中。直到匿名函数被销毁后，外部函数的活动对象才会被销毁。
 
(闭包这玩意儿有点麻烦- -，这里不敢举例子来混乱大家的思维，即使是这书上的例子我觉得也不怎么能很好的解释闭包，大家可以查查资料，有自己的理解)
 
2015-10-21 20:01:52 start (对闭包的进一步的个人理解)
闭包指的是一个函数可以访问另外一个函数作用域中的变量。
下面是猜想：
function a(){

　　var a1=2;

}

function b(){

　　var b1=3;

}
按照上面的定义理解就是：怎么才能让a()函数去访问b()函数中的变量b1?
继续猜想：
我们想到：只要把a()函数放在b()函数中不就可以了么？
实现的原理：a()函数会将b()函数的活动对象添加到它的作用域中。所以a()函数的作用域链包括b()函数的作用域链。
do it!
function b(){

　　var b1=3;

　　function a(){

　　　　var a1=2;

　　　　alert(b1);

　　}

　　a();

}

b();　　//结果=>3

这样就实现了？然并卵啊！闭包的现实意义在哪？当然“真正”有意义的闭包并不是这样。

闭包的作用：外部函数可以读取函数内部的变量。

　　　　　　另一个就是让这些变量的值始终保持在内存中。

 
现在我们来说明第一个：外部函数可以读取函数内部的变量。
<1>如果我们都像上面那样写a()函数，那a()函数的作用是不是太狭窄了点，当访问一个内部变量结束后就没用了。是不是有点浪费，如果能在全局对象中去访问一个函数中的内部变量岂不是更酷？！
于是我们可以这样写：
function b(){

    var b1=3;

    return function (z){

        var a1=2;

        return alert(b1+z);

    }

}

var a=b();

a(2);    //=>5

这样我们就在全局作用域中调用了b1这个内部变量。(个人理解，如果有误还请指教。)

匿名函数被返回后，它的作用域链被初始化为包含b()函数的活动对象和全局变量对象。这样匿名函数就可以访问b()中的所有变量。

现在我们来说明第二个：变量的值始终保持在内存中。
<2>在上面例子中。在b()函数执行完毕后，其活动对象不会被销毁！因为匿名函数的作用域链仍然在引用这个活动对象。换句话说，当b()函数返回后，其执行环境中的作用域链会被销毁，但它的活动对象仍然留在内存中。直到匿名函数被销毁，b()函数的活动对象才会被销毁。
必须这样显示的指定：
a=null;
以便释放内存。
 
2015-10-21 20:55:52 end
 
 
 
 
3.闭包与变量:
作用域链的这种配置机制引出一个值得注意的副作用，即闭包只能取得包含函数中任何变量的最后一个值。闭包保存的是整个变量对象，而不是某个特殊的变量。
function ca(){

var arry=[];

for(var i=0;i<10;i++){

arry[i]=function(){

return i;

        }

    }

return arry;

}
 
上面这个例子，与我们想要的结果不一样。每个都是返回10。因为每个函数的作用域链中都保存着擦ca()函数的活动对象，所以他们引用的都是同一个函数变量i。
当ca()返回后，变量i的值都是10。这时我们可以通过创建另一个匿名函数强制让闭包的行为符合预期。
 
尝试解决一下：
function ca(){

    var arry=[];

    for(var i=0;i<10;i++){

     arry[i]=function(num){

          return function(){

                return num;

           }

      }

   }

   return console.log(arry);

}

ca();

上面强制闭包错误！返回的都是function(num){}。

下面提供正确的方式：

//第一种方式

function ca(){

    var arry=[];

    for(var i=0;i<10;i++){

         arry[i]=(function(i){

            return i;

          })(i);

    }

    return console.log(arry[5]);;

   }

ca();

//->5
//第二种方式

function ca(){

     var arry=[];

     for(var i=0;i<10;i++){

          arry[i]=function(){

          var n=i;

          return n;

          }();

      }

      return console.log(arry[8]);

}

ca();

//->5

我们没有直接把闭包函数赋值给数组，而是定义了一个匿名函数，并将立即执行该匿名函数的结果赋值给数组。

这两种方式都能得到自己想要的结果。

这里在举个实际中的例子：

<!doctype html>

<title></title>

<meta charset="utf-8"/>

<script type="text/javascript">

  window.onload = function(){

    //方法一

    var lists = document.getElementsByTagName("li");

    for(var i=0,l=lists.length; i < l; i++){

        lists[i].onclick=(function(i){// 强制闭包

            return function(){

                alert(i)

            }

        })(i)

    }

　　//方法二

    var lists = document.getElementsByTagName("li");

    for(var i=0,l=lists.length; i < l; i++){

        lists[i].onclick=function(){

            var n=i;

            return function(){

                alert(n)

            }

        }()

    }

　　

  }

</script>

<ul>

  <li id="a1">aa</li>

  <li id="a2">aa</li>

  <li id="a3">aa</li>

</ul>
 
 
4.Fuction()构造函数
函数可以通过function()构造函数来定义：
var f=new Fuction("x","y","return x*y;");

//->等价于

var f=function(x,y){

    return x*y

}

5.constructor属性

每个JavaScript函数都自动拥有一个prototype属性。这个属性的值是一个对象，这个对象包含唯一一个不可枚举属性constructor。constructor属性的值是一个函数对象。
先看代码：
var F=function(){}    //这是一个函数对象

var p=F.prototype;    //这是F相关联的原型对象

var c=p.constructor;    //true

c===F    //对于任意函数F.prototype.constructor==F
 
可以看到构造函数的原型中预先定义好的constructor属性，这意味着对象通常继承的constructor均指代他们的构造函数。由于构造函数是类的"公共标识"因此这个constructor属性为对象提供了类。
 
var o=new F();    //创建类F的一个对象

o.constructor===F    //true，constructor属性指代这个类

6.多catch从句

在JavaScript 1.5中，try/catch可以使用多catch从句
如：
try{

    //这里肯呢个会抛出多种类型异常

    throw    1;

}

catch(e if e instanceof ReferenceError){

    //这里处理引用错误

}

catch(e if e==="quit"){

    //这里处理抛出的字符串是"quit"的情况

}

catch(e if typeof e==="string"){

    //处理其他字符串的情况

}

catch(e){

    //处理剩下的异常

}

finally{

    //finally从句正常执行

}

--Log----------------------------------------------------------------------------------------------

2015-10-21    添加操作    闭包

 

JavaScript权威设计--命名空间，函数，闭包(简要学习笔记十二)的更多相关文章

  1. JavaScript权威设计--跨域,XMLHttpRequest(简要学习笔记十九)

    1.跨域指的是什么? URL 说明 是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a. ...

  2. python3.4学习笔记(十二) python正则表达式的使用，使用pyspider匹配输出带.html结尾的URL

    python3.4学习笔记(十二) python正则表达式的使用,使用pyspider匹配输出带.html结尾的URL实战例子:使用pyspider匹配输出带.html结尾的URL:@config(a ...

  3. Go语言学习笔记十二： 范围(Range)

    Go语言学习笔记十二: 范围(Range) rang这个关键字主要用来遍历数组,切片,通道或Map.在数组和切片中返回索引值,在Map中返回key. 这个特别像python的方式.不过写法上比较怪异使 ...

  4. JavaScript权威设计--JavaScript函数(简要学习笔记十)

    1.函数命名规范 函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"lik ...

  5. java jvm学习笔记十二（访问控制器的栈校验机制）

    欢迎装载请说明出处:http://blog.csdn.net/yfqnihao 本节源码:http://download.csdn.net/detail/yfqnihao/4863854 这一节,我们 ...

  6. (C/C++学习笔记) 十二. 指针

    十二. 指针 ● 基本概念 位系统下为4字节(8位十六进制数),在64位系统下为8字节(16位十六进制数) 进制表示的, 内存地址不占用内存空间 指针本身是一种数据类型, 它可以指向int, char ...

  7. Python学习笔记(十二)—Python3中pip包管理工具的安装【转】

    本文转载自:https://blog.csdn.net/sinat_14849739/article/details/79101529 版权声明:本文为博主原创文章,未经博主允许不得转载. https ...

  8. JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

    1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...

  9. JavaScript权威设计--事件冒泡，捕获，事件句柄，事件源，事件对象(简要学习笔记十八)

    1.事件冒泡与事件捕获 2.事件与事件句柄   3.事件委托:利用事件的冒泡技术.子元素的事件最终会冒泡到父元素直到跟节点.事件监听会分析从子元素冒泡上来的事件. 事件委托的好处:     1.每个函 ...

随机推荐

  1. 为C# as 类型转换及Assembly.LoadFrom埋坑！

    背景: 不久前,我发布了一个调试工具:发布:.NET开发人员必备的可视化调试工具(你值的拥有) 效果是这样的: 之后,有小部分用户反映,工具用不了(没反应或有异常)~~~ 然后,建议小部分用户换个电脑 ...

  2. LeetCode-4MedianofTwoSortedArrays(C#)

    # 题目 4. Median of Two Sorted Arrays There are two sorted arrays nums1 and nums2 of size m and n resp ...

  3. 获取Canvas当前坐标系矩阵

    前言 在我的另一篇博文 Canvas坐标系转换 中,我们知道了所有的平移缩放旋转操作都会影响到画布坐标系.那在我们对画布进行了一系列操作之后,怎么再知道当前矩阵数据状态呢. 具体代码 首先请看下面的一 ...

  4. win8.1硬盘安装ubuntu14.04双系统

    在网上找了很多方法都失败了,原因是大多数方法都是用mbr方式安装的,如grub4dos,easybcd.以至于连自己都怀疑win8能不能用硬盘安装,差点就去买个u盘来安装了,就在打算放弃的时候在ubu ...

  5. TortoiseGit 文件比对工具使用 Beyond Compare 和 DiffMerge

    TortoiseGit 内置的文件比对工具是 TortoiseMerge,用于文件比对和解决冲突合并,TortoiseGit 还支持外部的比对工具使用,比如 Beyond Compare 和 Diff ...

  6. ASP.NET Core 中文文档 第五章 测试（5.2）集成测试

    原文: Integration Testing 作者: Steve Smith 翻译: 王健 校对: 孟帅洋(书缘) 集成测试确保应用程序的组件组装在一起时正常工作. ASP.NET Core支持使用 ...

  7. 我大中华微软MVP中国区人才库

    刘海峰:国内知名微软开源技术网站51Aspx 创始人,十年以上的Asp.net从业经验,微软MSDN特约讲师.Teched讲师.ImagineCup大赛评委.人大出版社研修班特约讲师,曾多次受邀访问美 ...

  8. 浅谈JSP注释

    HTML注释 JSP文件是由HTML尿急和嵌入的Java程序片段组成的,所以在HTML中的注释同样可以在JSP文件中使用.注释格式:<!--注释内容--> <!-- 欢迎提示信息! ...

  9. 关于CSS inline-block、BFC以及外边距合并的几个小问题

    CSS inline-block和BCF对于初学者来说,总是弄不太明白,下面记录下我在学习这块知识的过程中遇到的几个问题,供大家参考,有不足的地方,欢迎大家批评指正. 一.在什么场景下会出现外边距合并 ...

  10. BAT“搅局”B2B市场，CIO们准备好了吗？

    "CIO必须灵活构建其所在企业的IT系统,深入业务,以应对日新月异的数字化业务环境."   BAT军团"搅局"B2B市场,CIO们准备好了吗? 庞大的企业级市场 ...