js的提升( hoisting ),以及var,let,const的区别

1、 变量提升( var 和 function提升 )

所谓“变量提升”,意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段被放入内存中,

1: JavaScript 仅提升声明,而不提升初始化。如果你先使用的变量,再声明并初始化它,变量的值将是 undefined

2: JavaScript 在执行任何代码段之前,将函数声明放入内存中的优点之一是,你可以在声明一个函数之前使用该函数。

3: 变量提升也适用于其他数据类型和变量。变量可以在声明之前进行初始化和使用。但是如果没有初始化,就不能使用它们。(函数和变量相比,会被优先提升。这意味着函数会被提升到更靠前的位置)

4: 匿名函数是提升的,但是函数声明则不会。例如 :fn();    var fn = function(){};   //此时会报错,fn is not a function  

2、var

1:  var声明,任意合法标识符;

2:  默认值 undefined;

3:  可以提升;

4:  全局的var 是window的属性;

5:  var声明的变量作用域是执行的上下文,或者是函数作用域,或者是全局作用域,重复定义一个var变量,不会丢掉它的value,比方说var a = "kaka"; ........ ; var a;  此时a不是undefined,而是 "kaka";

6:  var a = "kaka"; b = "messi";   一个var声明,一个globle声明,前者如果作用域是global的,那么这两者都会被作为window的属性,但是var声明的变量不可删。delete window.a; ( 不可删 false,non-configurable );而b可以( 可删 true,configurable );

7: 变量提升: 全局的var会提升到“全局的顶部”,function内部的var会被提升到function的“顶部”,这个过程发生在代码执行前

8: 全局变量 var age = 22;  在一个函数内部 function cons(){ var age = 33; console.log(age) };  执行1: cons(); 2: console.log(age);   //函数输出33,函数外部 age === 22;  内部的age和globle的age是两个作用域,也是两个变量,如果内部age不赋值,则内部输出undefined; 

9: 平时按照 严格模式 ('use strict') 开发,所以以上理论掌握就好,真正开发时候要规范!!!

3、let

1: var声明,任意合法标识符;

2:  默认值 undefined;

3: 作用域,{} 和 {} 的子块当中,和var的最主要区别是var的作用域是整个封闭函数

4: 全局声明let的时候,不会作为window的属性

5: 同一作用域下不可重复声明

6: 不可提升

7: 暂存死区 ( 因为不可提升导致 )

4、const

1:const声明,任意合法标识符,且声明就必须初始化

2: 作用域,{} 和 {} 的子块,或者全局

3: 全局声明const的时候,不会作为window的属性

4: 同一作用域下不可重复声明

5: 不可提升 + 暂存死区

6: const声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的,只是变量标识符不能重新分配。例如,在引用内容是对象的情况下,这意味着可以改变对象的内容(例如,其参数)

你可能感兴趣的:(js的提升( hoisting ),以及var,let,const的区别)