ES6之let&const
一、简介
ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际)(前身为欧洲计算机制造商协会,英文名称是 European Computer ManufacturersAssociation)通过ECMA-262标准化的脚本程序设计语言 ) 是JavaScript 语言的下一代标准, 已经在2015 年 6月 正式发布了,并且从ECMAScript 6开始,开始采用年号来做版本。即ECMAScript2015,就是ECMAScript 6 。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 每年一个新版本。
ECMAScript是浏览器脚本语言的规范,而各种我们熟知的js语言,如JavaScript则是规范的具体实现。
二、ES6新特性
①let声明变量
var声明的变量往往会越域。
let声明的变量有严格局部作用域。
<!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>Document</title>
</head>
<body>
<script>
//var声明的变量往往会越域
//let声明的变量有严格局部作用域
{
var a=1;
let b=2;
}
console.log(a);//1
console.log(b);//ReferenceError: b is not defined
</script>
</body>
</html>
var可以声明多次。
let只能声明一次。
<!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>Document</title>
</head>
<body>
<script>
//var可以声明多次
//let只能声明一次
var m=1;
var m=2;
let n=3;
//let n=4;//Identifier 'n' has already been declared
console.log(m);//2
console.log(n);//3,如果把n=4的注释取消,那么就会提示n已经被定义
</script>
</body>
</html>
var会变量提升。
let 不存在变量提升。
<!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>Document</title>
</head>
<body>
<script>
//var会变量提升
//let 不存在变量提升
console.log(x);//undefined
var x=10;
console.log(y);//ReferenceError: "y" is not undefined
let y=20;
</script>
</body>
</html>
②const声明常量(只读变量)
1.声明过后不允许改变。
2.一旦声明必须初始化,否则会报错。
<!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>Document</title>
</head>
<body>
<script>
//1.声明过后不允许改变
//2.一旦声明必须初始化,否则会报错
const a=1;
a=3;//Uncaught TypeError: Assignment to constant variable
</script>
</body>
</html>