《理解 ES6》阅读整理:函数(Functions)(七)Block-Level Functions

块级函数(Block-Level Functions)

在ES3及以前,在块内声明一个函数会报语法错误,但是所有的浏览器都支持块级函数。不幸的是,每个浏览器在支持块级函数方面都有一些细微的不同的行为。所以开发者最好不要在块内声明函数。为了解决浏览器在块内支持声明函数时带来的兼容性问题,在ES5中可以使用strict模式,这样如果开发者试图定义一个块内函数,就会报错:

"use strict";

if (true) {
//throws a syntax error in ES5
function soSomething() {
//...
}
}

在ES6中,上面的doSomething函数是一个块级函数,并且可以在同一块内调用:

"use strict";

if (true) {
console.log(typeof doSomething); // "function" function doSomething() {
//...
} doSomething();
} console.log(typeof doSomething); // "undefined"

上面的代码中,doSomething被提升到块顶部,在块外不能被访问到。

决定何时使用块级函数(Deciding When to Use Block-Level Functions)

块级函数与let函数表达式相似,当代码执行出块后,函数的定义就被移除了。两者的区别是块级函数会被提升到块的顶部,而let函数表达式则不会。参见下面的例子:

"use strict";

if (true) {
console.log(typeof doSomething); // "error" let doSomething = function() {
//...
} doSomething();
} console.log(typeof doSomething); // "undefined"

ES6中也可以在non-strict模式下定义块级函数,但是跟在strict模式下会有不同。块级函数会被提升到整个函数顶部或者全局环境中:

if (true) {
console.log(typeof doSomething); // "function" let doSomething = function() {
//...
} doSomething();
} console.log(typeof doSomething); // "function"

在这个例子中,doSomething函数会被提升到全局作用域中,因此上面两处都会输出function。

上一篇:Intellij IDEA 插件开发之自建插件仓库


下一篇:Android 使用 popupWindow实现弹层并操作弹层元素