首页 > web前端 > 前端问答 > es6中引入了什么作用域

es6中引入了什么作用域

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2022-05-05 15:44:22
原创
1777 人浏览过

es6中引入了“块级作用域”;es5中只有全局作用域和函数作用域,es6中由一对大括号包裹形成的作用域就是块级作用域,并明确允许在块级作用域中声明函数,函数声明语句的行为类似于let,在块级作用域之外不可引用。

es6中引入了什么作用域

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中引入了什么作用域

ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用。

ES6标准中,由一对大括号包裹形成的作用域就是块级作用域。

ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。

ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。

(1)内层变量可能会覆盖外层变量。

    var tmp = new Date();
    function f() {
        console.log(tmp);
        if (false) {
            var tmp = 'hello world';
        }
    }
    f();//undefined
登录后复制

(2)用来计数的循环变量泄露为全局变量

    var s = 'hello';
    for (var i = 0; i < s.length; i++) {
        console.log(s[i]);//h e l l o
    }
    console.log(i);//5
登录后复制

变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。

示例如下:

// 浏览器的 ES6 环境
function f() { console.log(&#39;I am outside!&#39;); }
(function () {
  if (false) {
    // 重复声明一次函数f
    function f() { console.log(&#39;I am inside!&#39;); }
  }
  f();
}());
// Uncaught TypeError: f is not a function
登录后复制

在ES6标准中,在块级作用域中声明函数,会将函数声明当做由var声明的变量,提升到块级作用域顶部,只将函数当做变量进行变量名声明,并不会声明函数体,上述代码相当于:

// 浏览器的 ES6 环境
function f() { console.log(&#39;I am outside!&#39;); }
(function () {
  var f = undefined;
  if (false) {
    function f() { console.log(&#39;I am inside!&#39;); }
  }
  f();
}());
// Uncaught TypeError: f is not a function
登录后复制

【相关推荐:javascript视频教程web前端

以上是es6中引入了什么作用域的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
es6
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
javascript - es6 Null 传导运算符
来自于 1970-01-01 08:00:00
0
0
0
JavaScript ES6 中 Number.isFinite() 和 Number.isNaN()
来自于 1970-01-01 08:00:00
0
0
0
javascript - ES5的闭包用ES6怎么实现
来自于 1970-01-01 08:00:00
0
0
0
javascript - ES6的generate问题
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板