阅读 129

什么是变量提升?什么是函数提升?

  • 在js中只有两种作用域,全局作用域和函数作用域,在ES6之前,js是没有块级作用域。
  • JavaScript 代码的执行分为两个阶段。第一个阶段在当前词法环境中注册所有的变量和函数声明,简单说就是,解析,解析完成之后,第二个阶段的 JavaScript 执行就开始了!
  • JS中创建函数有两种方式:函数声明式和函数字面量式。只有函数声明才存在函数提升。
  • JavaScript 仅提升声明,而不提升初始化。如果你先使用的变量,再声明并初始化它,变量的值将是 undefined。
  1. 所有的声明都会提升到作用域的最顶上去。
  2. 同一个变量只会声明一次,其他的会被忽略掉。
  3. 函数声明的优先级高于变量申明的优先级,并且函数声明和函数定义的部分一起被提升。

变量提升的例子:

num = 6;\
var num = 7;\
var num;\
console.log(num); // 不报错,输出7,也证明了变量只会声明一次,其他的会被忽略。
复制代码

函数提升的例子:

catName("Chloe");// 即使在声明之前调用依然可以执行,不会报错

function catName(name) {\
    console.log("我的猫名叫 " + name);\
}
复制代码

在定义的函数名字和变量名相同的情况下,函数提升优先级高于变量的例子:

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}
复制代码

输出1,不会输出2。函数声明和变量声明都会被提升,但是需要注意的是函数会先被提升,然后才是变量。 var func;尽管出现在function func()之前,但它是重复的声明,会被忽略,因为函数声明会被提升到普通变量之前。

等同于这样:

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}
复制代码

牢记这三点:

  1. 只有声明本身会被提升,而赋值操作不会被提升。
  2. 变量会提升到其所在函数的最上面,而不是整个程序的最上面。
  3. 函数声明会被提升,但函数表达式不会被提升。
文章分类
前端
文章标签