JS五(ES六新增语法)

本文详细介绍了JavaScript ES6中的新特性,包括let和const命令、块级作用域、解构赋值、类(class)以及正则表达式的新用法。let解决了var存在的变量提升和重复声明问题,const用于声明常量。类(class)提供了更面向对象的语法,解构赋值简化了从数组和对象获取值的过程,正则表达式新增了u修饰符以正确处理Unicode字符。
摘要由CSDN通过智能技术生成

ES6简介

ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言.
另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。

基本语法

let命令

let和var的比较

ES6新增了let命令,用来声明变量。它的用法类似于var,但是let所声明的变量,只在它所在的代码块内有效。
例如

{
   
    let m=1
    var n=2
}
console.log(m)//练习.html:55 Uncaught ReferenceError: m is not defined
console.log(n)//2

如上所示,在一个代码块内分别用letvar声明了一个变量,在代码块外调用时,var声明的变量返回了正确的值,而let声明的变量却报错,这说明let声明的变量只在它所在的代码块内有效。
for循环的计数器,就很适合使用let命令计数器i只在for循环体内有效,在循环体外引用就会报错。
下面的代码如果使用var,最后输出的是10。因为变量i是var命令声明的,在全局范围内都有效,每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是10。
如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。因为变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。由于JavaScript引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算:

var a = [];
for (var i = 0; i < 10; i++) {
   
  a[i] = function () {
   
    console.log(i);
  };
}
a[6](); // 10
 
var a = [];
for (let i = 0; i < 10; i++) {
   
  a[i] = function () {
   
    console.log(i);
  };
}
a[6](); // 6

let不允许在相同作用域内,重复声明同一个变量,不能在函数内部相同模块范围重新声明参数。


                
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值