你不知道的javascript上卷总结（2）

上一篇文章地址

词法做用域后续

举书上的例子

function foo(a){
    var b = a * 2;
    function bar(c){
        console.log(a,b,c);
    }
    bar(b*3);
}
foo(2);
复制代码

我在这里把书中的例子再啰嗦一遍hhh

2.2中主要讲了开发者如何欺骗词法

欺骗词法主要有两种途径，在这里说起一下，不作大篇幅的说明，做者也有说尽可能避免使用

• eval()
• with

你们知道一下就能够啦，在这里把做者不推荐使用的缘由大概罗列一下把。

• eval()和with会被严格模式所影响(限制)。
• 这两个机制的反作用是引擎没法在编译时对做用域查找进行优化，由于引擎只能谨慎的认为这样的优化是无效的。使用者其中任何一个机制都将致使代码运行变慢。不要使用它们。

好啦第两者完结^_^，棒棒的。开启第三章的总结

第三章 ， 函数做用域和块做用域

3.1函数中的做用域

明确概念

函数做用域的含义是指，属于这个函数的所有变量均可以在整个函数的范围内使用及复用（事实上在嵌套的做用域中也可使用）。这种方案是很是有用的，能充分利用javascript变量能够根据须要改变值类型的**"动态"**特征

3.2 隐藏在内部的实现

这里着重说一下规避冲突

function foo(){
    function bar(a){
        i = 3;    //for循环的时候会修改所属做用域中的 i
        console.log(a+i)
    }
    for(var i = 0;i<10;i++){
        bar(i*2)  //代码执行到这里的时候就会将i赋值为3，从而致使无线循环
    }
}
复制代码

变量冲突常见的就是存在于全局做用域中，当程序中加载了多个第三方库时，若是它们没有妥善的将内部私有的函数或者变量隐藏起来，就会很容易引起冲突，还有就是多人合做开发的时候，尽可能将全局变量都作好注释，或者少用全局变量。

类库的一般作法是暴露出去一个对象

eg：

var Jquery = {
    hide: function(){
        /*doSomething*/
    },
    show: function(){
        /*doSomething*/
    }
}
复制代码

3.3函数做用域

咱们知道在任何代码外面加均可以添加包装函数，能够将内部的变量和函数定义**“隐藏”**起来，外部做用域没法访问到包装函数内部的任何内容。

eg

var a = 100;
var b = 200;
var c = a + b;

//这样的代码咱们一般会封装成为一个功能型的函数
function add(a,b){
    return a + b;
}

//------------------------------------变形---------------------------------------------
(function(a,b){
    return a + b;
})(100,200);

//包装函数的声明以(function...而不单单是以function...开始，在这里函数会被当作表达式而不是一个标准的函数声明来处理。
复制代码

3.3.1 匿名和具名

• 匿名函数
  • 匿名函数在栈内存追踪中不会显示出有意义的函数名，使得调试很困难。
  • 对于代码的可读性，有着很重要的做用，一个描述性的名称可让代码不言而明。

3.3.2 当即执行函数

var a = 2;
(function(){
    var a = 3;
    console.log(a);  //3
})()
console.log(a)      //2
复制代码

3.4 块级做用域

• try/catch

很是少有人注意到Javascript的ES3规范中规定try/catch分句会建立一个块做用域，其中声明的变量仅在catch做用域内部有效

eg

try {
    undefined();   //执行一个非法操做
}
catch(err){
    console.log(err)  //可以正常执行
}
console.log(err);     //err not found
复制代码

• let

  • let关键字能够将变量绑定到所在的任意做用域中，一般是{....}内部。换句话说，let能够显示的将做用域用{}清楚的分来，以便于程序的开发，以及维护。

  • let 声明的变量不会再做用域内产生变量提高，声明的代码在运行以前并不“存在”而非var 声明的变量会输出undefined

    eg

    //var 
    {
        console.log(a);  //undefined
        var a = 100;
    }
    // let 
    {
        console.log(a)
        let a = 100;    //ReferenceError！a is not defined
    }
    复制代码

好啦，今天先写到这里，待后续。。。