欢迎来到
银狐的个人博客

什么是ES6,为什么使用它?ES6的新增语法—let

什么是ES6?

ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。

为什么使用ES6?

每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。

ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码

ES6的新增语法—let

let的三大特性:   1.用于声明变量的的关键字,必须先声明再使用   2.let声明的变量具有块级作用域   3.暂时性死区特性

下面我通过案例向童靴们解析:

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>使用let关键字声明变量</title>  </head>  <body>    <script>      //let关键字用于声明变量的,使用let关键字声明的变量具有块级作用域      let num = 10;      console.log(num);      //错误使用let(let声明变量只在所处于的块级有效)      if (true) {        let nums = 100;      }      console.log(nums); //nums is not defined    </script>  </body></html>

浏览器控制器运行如下:

注意:var用于声明全局变量,不具备块级作用域

 // 在一个大括号中 // 使用let关键字声明的变量才具有块级作用域,var关键字是不具备这个特点的            if(true) {              let a = 100;var b = 200;            }            console.log(a);            consoLe.log(b);

浏览器控制器运行如下:

      // 防止循环变量变成全局变量      for (let i = 0; i < 2; i++) {      }      console.log(i);// 浏览器控制器运行如右:i is not defined

注意:使用let关键字声明的变量具有暂时性死区特性

      //使用let关键字声明的变量具有暂时性死区特性;      var num = 10;      if (true) {        consoLe.log(num);        let num = 20;      }

浏览器控制器运行如下:

最后附上所有代码:

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>使用let关键字声明变量</title>  </head>  <body>    <script>      //let关键字用于声明变量的,使用let关键字声明的变量具有块级作用域      let num = 10;      console.log(num);      //错误使用let(let声明变量只在所处于的块级有效)      if (true) {        let nums = 100;      }      console.log(nums); //nums is not defined      // 在一个大括号中      // 使用let关键字声明的变量什么是ES6,为什么使用它?ES6的新增语法—let 第1张图片-银狐博客才具有块级作用域,var关键字是不具备这个特点的      if (true) {        let a = 100;        var b = 200;      }      console.log(b);      consoLe.log(a);        // 防止循环变量变成全局变量        for (let i = 0; i < 2; i++) {        }        console.log(i);//i is not defined      //使用let关键字声明的变量具有暂时性死区特性;      var num = 10;      if (true) {        consoLe.log(num);  什么是ES6,为什么使用它?ES6的新增语法—let 第2张图片-银狐博客      let num = 20;      }    </script>  </body> </html>
赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《什么是ES6,为什么使用它?ES6的新增语法—let》
文章链接:https://www.yinhu3.com/2092.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
如果文章侵犯到你的权益,请查看本站免责声明:《免责声明》

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

愿意请我喝杯矿泉水吗

支付宝扫一扫打赏