js学习笔记

js学习笔记

变量提升

变量提升机制分为两种情况，一种是旧版本浏览器和支持es6的浏览器，两种标准现在是混用。当浏览器解释js代码前发现有es6的特性的时候会按照es6的特性来处理。

1. 最常见的提升：var声明的变量具有变量提升的特性，全局中全局提升，块级中块级提升，if条件中无论是否条件成立，也都会先声明。var 声明的等号左边都会提升。但是let 声明的变量是不具备变量提升的特性。

2. 函数在全局变量中声明和定义同时进行，但是在块级作用域中，尤其是if条件内，无论if条件是否成立，都会先声明函数，注意在新标准的浏览器运行时只声明不定义，而在老版本中同全局一样，声明和定义同时进行。

3. 重名问题的解决
   var声明的变量：

   var a=0;
   var a=function(){  //这种匿名函数的申明写法是会变量提升
   };
   此时变量 a不会报错，浏览器顺序执行会以最后申明函数的那个为主。
   

   let声明的变量：

   let b=1;
   let b=2;
   此时变量b会报错 Uncaught SyntaxError: Identifier 'b' has already been declared
   

   let和var混用：

   var c=0;
   let c=1;
   Uncaught SyntaxError: Identifier 'c' has already been declared
   

   函数的重命名：

   fn();
   function fn(){
       console.log(1);
   }
   fn();
   function fn(){
       console.log(2);
   }
   fn();
   function fn(){
       console.log(3);
   }
   var fn=100;
   function fn(){
       console.log(4);
   }
   fn();
   运行结果：
   4
   4
   4
   fn is not a function(爆错)
   解析:
   fn变量提升，浏览器先声明并定义 1 2 3 fn 4；
   所以执行第一个fn()打印4，当执行到fn=100时，fn被定义为400.此时执行fn()爆错。
   
   

4. 根据let和var重命名的冲突，会出现let的暂时性死区——参考链接

闭包

1. 程序运行有两个环境，一个是栈内存，一个是堆内存。栈内存主要是存放基本元素和申明变量执行的主要环境，堆内存用来存放对象内部代码。当js开始运行的时候，碰到对象（例如函数）的声明的时候，在堆中开辟空间存放对象内部代码，在栈中变量存放堆中代码块的地址。当执行到对象元素时，取对应地址内的代码在栈中开辟自己的私有领域执行。

2. 什么是闭包。闭包就是块级作用域执行时，块级元素内声明的对象（例如函数）被块级以外的元素引用，本来块级元素执行完后会在栈和堆中释放相应的空间，但是为了让引用了块级元素内的块级外的对象能够正常运行，不得不将该块级形成的私有领域保持下来不被清空，这就是闭包。

3. 闭包的使用：保护和保存。保护是指保护自己定义的变量，模块不与其他模块发生冲突，用闭包保护。保存是指保存临时的状态信息。

4. 常见的闭包形式：

   1）柯里闭包

   function(){
       return function{}
   }
   

   2）惰性函数

   (function(){
       return {
           
       }
   })()
   

5. 上级作用域查找：函数的上级是从函数申明处找上级

最后附上一道面试题，作为记录