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. 回首经典的SQL Server 2005

    原创文章转载请注明出处:@协思, http://zeeman.cnblogs.com SQL Server是我使用时间最长的数据库,算起来已经有10年了.上世纪90年代,微软在软件开发的所有领域高歌猛 ...

  2. Socket聊天程序——服务端

    写在前面: 昨天在博客记录自己抽空写的一个Socket聊天程序的初始设计,那是这个程序的整体设计,为了完整性,今天把服务端的设计细化记录一下,首页贴出Socket聊天程序的服务端大体设计图,如下图: ...

  3. ASP.NET MVC5+EF6+EasyUI 后台管理系统（68）-微信公众平台开发- 资源环境准备

    系列目录 前言: 本次将学习扩展企业微信公众号功能,微信公众号也是企业流量及品牌推广的主要途径,所谓工欲善其事必先利其器,调试微信必须把程序发布外网环境,导致调试速度太慢,太麻烦! 我们需要准备妥当才 ...

  4. Unity3D框架插件uFrame实践记录（二）

    5.创建属性和命令 本小节主要内容包括: 在Element节点上创建属性数据 在Element节点上创建命令数据 5.1.在Element节点上创建属性数据 在这里,我们首先为Login节点中的属性( ...

  5. 代码的坏味道（15）——冗余类(Lazy Class)

    坏味道--冗余类(Lazy Class) 特征 理解和维护类总是费时费力的.如果一个类不值得你花费精力,它就应该被删除. 问题原因 也许一个类的初始设计是一个功能完全的类,然而随着代码的变迁,变得没什 ...

  6. python学习笔记（python介绍）

    为什么要学python? python和shell的比较,和PHP.和JAVA比较 运维开发只是用到python的很小一部分 python在一些知名公司的应用: 谷歌:python的创始人原来在谷歌工 ...

  7. jquery实现下拉框多选

    一.说明 本文是利用EasyUI实现下拉框多选功能,在ComboxTree其原有的基础上对样式进行了改进,样式表已上传demo,代码如下 二.代码 <!DOCTYPE html PUBLIC & ...

  8. 【从零开始学BPM，Day1】工作流管理平台架构学习

    [课程主题] 主题:5天,一起从零开始学习BPM [课程形式] 1.为期5天的短任务学习 2.每天观看一个视频,视频学习时间自由安排. [第一天课程] Step 1 软件下载:H3 BPM10.0全开 ...

  9. Android Studio快捷键

      一.android studio 默认快捷键 刚开始接触一款开发软件,想必很想了解它的快捷方式,这会对你的编程起到很好的帮助,提高工作效率,接下来给你介绍下Android Studio一些常用的快 ...

  10. Kotlin中变量不同于Java： var 对val（KAD 02）

    原文标题:Variables in Kotlin, differences with Java. var vs val (KAD 02) 作者:Antonio Leiva 时间:Nov 28, 201 ...