你不知道的javascript上卷总结（2）-CSDN博客

词法作用域后续

举书上的例子

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函数作用域

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

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作用域内部有效

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
}
复制代码
```