前言
5月份的时候立了一个flag，然后就被打脸。
辞职，失恋。
新的工作，频繁的加班。
走三步退两步的减肥计划。
堕落……
今天看了电影《被嫌弃的松子的一生》
隐隐的害怕。
往前走吧。
作用域
传统编译语言（执行前）
- 分词/语法分析
- 分解成词法单元
- 解析/语法分析
- 将词法单元流 --> AST树
- 代码生成
- AST树 --> 可执行代码
LHS和RHS
赋值:LHS
取值和其他:RHS
作用域分类
动态作用域
作用域作为运行时被动态确定的形式
function foo(){
console.log(a); //3
}
function bar(){
var a = 3;
foo();
}
var a = 2;
bar();
词法作用域
function foo(){
console.log(a); //2
}
function bar(){
var a = 3;
foo();
}
var a = 2;
bar();
欺骗词法作用域
这样的写法均会导致浏览器内核对javascript编译时很多优化失效。从而降低性能。
eval(),new Function()
将对象的属性当做作用域的标识符，从而创建一个新的词法作用域。
老实讲，我也不太理解上面一句话是什么意思。
在严格模式下，eval无法修改当前词法作用域。
with
将一个对象的引用当做作用域来处理。
在严格模式下，with被禁用。
匿名函数表达式
缺点
- 错误栈难以追踪
- 无法引用自身
- 省略了描述性的名称
解决方法:行内函数表达式
(function aaa(){
})()
解决全局undefined被赋值为true
var undefined = true;
(function(undefined){
//do something
})()
块作用域
- with
- try/catch
小应用
如果一段代码后面是异步操作，由于异步位于同一个作用域，用块作用域有利于垃圾回收机制
//下面两行可用块作用域包裹，以便回收
var something = {/*...*/};
dosomething(something);
btn.addEventListener("click",function(evt){
console.log("111");
})
提升
函数提升会高于变量提升，然后重复的var声明会被忽略
后面的函数提升会覆盖前面的函数提升
闭包
当函数可以记住并访问所在的词法作用域时，就产生了闭包，即便该函数是在当前词法作用域外执行。
网友评论