JavaScript中声明晋升的介绍（代码示例）

本篇文章给大家带来的内容是关于JavaScript中声明晋升的介绍（代码示例），有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

一、概述

JS 中，我们会天经地义地认为代码是一句一句地施行的，但并不完全准确。

singer = "周杰伦";
var singer; 
console.log(singer); // 周杰伦

sing();  // 故事的小黄花
function sing() {
   console.log("故事的小黄花");
}

以上第一段代码，假如依照正常流程，后面的 var singer会从新把值默许声明为 undefined，但结果却是 '周杰伦'；

以上第二段代码，会懂得成，先施行，后声明，就会报错，但结果却没有。

以上代码块其实是可以改写成这样的：

var singer = undefined;
singer = "周杰伦";
console.log(singer); // 周杰伦
function sing() {
   console.log("故事的小黄花");
}
sing();  // 故事的小黄花

这是由于：

JS 定义声明会在编译阶段停止，赋值和其他操纵则是在施行阶段停止。

所以，先有声明，再有赋值和施行，这就是变量和函数的声明晋升。

二、函数声明优先于变量声明；

var foo = "bar";
function foo() {
   
}
typeOf(foo);  // string

var foo = "bar";
function foo() {
   
}
typeOf(foo);  // string

不管函数声明放在变量声明前，还是后，变量声明都覆盖了函数声明。

三、每个域都会停止声明晋升

以下代码会输出 10，是为什么呢？

var foo = 1;
function bar() {
   if (!foo) {
       var foo = 10;
   }
   alert(foo);
}
bar();

由于:

每个域都会停止声明晋升。

上面代码相当于：

var foo = 1;
function bar() {
   var foo = undefined;
   if (!foo) { // !foo === true
       var foo = 10;
   }
   alert(foo);
}
bar();

四、函数表达式不会声明晋升

第一，什么是函数表达式？

// 函数声明
function foo() {
   console.log("函数声明");
}

// 函数表达式
var foo = function() {
   console.log("函数表达式");
}

函数表达式，不会声明晋升，所以：

foo();  // Uncaught TypeError: foo is not a function

// 函数表达式
var foo = function() {
   console.log("函数表达式");
}

总结

JavaScript 中存在一种声明晋升的机制，有变量声明和函数声明。JS 引擎会在编译阶段查寻每个作用域的声明，而赋值和运算则在施行时停止。

函数定义分为函数声明和函数表达式，其中，函数声明有声明晋升，函数表达式则没有。

以上就是JavaScript中声明晋升的介绍（代码示例）的具体内容，更多请关注百分百源码网其它相关文章！