节流和防抖
在JS中有一些事件，比如说：resize、scroll、mousemove、mouseover、input等事件在触发的时候会
不断的触发绑定在事件上的函数，这样浪费资源，降低了性能，为了优化体验，需要限制这些事件触发函数的次数，于是有了节流和防抖
节流
节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效
防抖
防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时
作用域
作用域是变量的可作用范围，变量只有在自己的作用域下才会生效。
函数会产生作用域，在函数内定义的变量只能在函数内使用。
注：如果在if和switch或者for/while循环中没有let或者const声明的话，这个代码块则不会视为块级作用域，语句中定义的变量将保存在它们已存在的作用域中，因为在早期js并没有引入块级作用域这个概念，块级作用域是es6新增的概念，
作用域分类
-
局部作用域： 函数内定义的变量和形参的作用域就是局部作用域；这样的变量称之为局部变量。
-
全局作用域： 在函数外面定义的变量的作用域是全局作用域；这样的变量称之为全局变量。
所有未定义直接赋值的变量，默认都是全局变量。(非严格模式，严格模式下会报错)。
-
块级作用域： 在代码块中定义的变量的作用域是块级作用域；这样的变量称之为块级变量。 ES6才支持
作用域链
作用域链，是由当前环境与上层环境的一系列作用域共同组成，它保证了当前执行环境对符合访问权限的变量和函数的有序访问。
JavaScript 中用来描述变量和函数可访问范围的机制，它是基于词法作用域实现的。
作用域链的形成是在函数定义时就已经确定了，与函数的调用位置无关。在查找变量或函数时，JavaScript 引擎会沿着作用域链依次查找，直到找到该变量或函数或查找到全局作用域为止。
变量提升
变量提升是当栈内存作用域形成时，JS代码执行前，浏览器会将带有var, function关键字的变量提前进行声明
变量提升的特殊性
- 带 var 和不带 var 的区别
> 在私有作用域中，带var的是私有变量，不带var 会向上级作用域查找，一直找到window为止，如果window也没有，就设置为全局变量，所有全局变量都会在window的属性上
- 等号左边下的变量提升
> 等号左边的会提升，右边的函数体并不会
foo()
var foo = function() {
console.log('this is a function')
}
foo()
左边的foo会提升，然后后面在第一次foo（）的时候foo还没有赋值function所以会报错，
及时写作这种格式也会报错，右边的并不会提升
foo()
var foo = function foo() {
console.log('this is a function')
}
foo()
-
-
无论if判断结果如何，都会进行变量提升，
-
如果判断结果为true，执行里面代码，function会在其代码块所在
块级作用域内部前面重新声明赋值，然后以function代码所在为界限，function上面的function 声明的变量会作为全局变量，后面的会作为局部变量
-
if(1){
var a = 10
console.log(foo);//function
foo = 100//全局变量
function foo(){}
foo = 1000//只有function声明的变量会被视作局部变量
a = 100//任是全局变量
console.log(foo)//1000
}
console.log(foo);//100
console.log(a);//100
在块级作用域中，函数声明不能被相同命名的变量申明覆盖，但是在函数作用域和全局作用域中可以
//在块级作用域中
if (1) {
console.log(foo);
function foo() { console.log(2); }
console.log(foo);
var foo = 10;//Identifier 'foo' has already been declared
console.log(foo);
}
//会报错 无法执行
//在全局作用域中
console.log(foo);
function foo() { console.log(2); }
console.log(foo);
var foo = 10;
console.log(foo);
// ƒ foo() { console.log(2); }
// ƒ foo() { console.log(2); }
// 10
6695
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
