目录
- ES6简介
- 块级作用域
- const命令
- 解够赋值
- 数组(一)
- 数组(二)
- 函数(一)
- 函数 (二)
- 函数(三)
- 对象
- Symbol
- Set结构
ES6简介
ECMAScript6是javaScript的标准,目前浏览器的JavaScript是ES5版本,大多数高版本的浏览器也支持ES6,但不是实现了ES6的所有特性和功能,可以说ES6就是下一个版本的JavaScript。
ES6主要为了解决ES5的先天不足,比如JavaScript里并没有类的概念,导致JavaScript用于复杂的大型企业级应用时非常糟糕。
值得敬重的是,ES6从开始制定到最后发布,参与的个人、团队和大公司覆盖全世界,整整历时15年才与去年正式发布。
环境
可以使用node,浏览器的控制台,编译工具等运行ES6,本篇文章使用最简单的方式:最新版谷歌浏览器控制台。也可以使用create-react-app搭建的环境来测试代码。
let命令
let命令用来定义变量
let name = "定义的变量"
let 命令规定如下:
1 . 先定义后使用
console.log(name);
//Uncaught ReferencerError:name is notdefind
let name='cc';
let定义的变量必须先定义后使用,不存在变量提升。
对比var 未定义先使用的结果,输出了undefined,并未报错。
实际上ES6里的很多新特性都试图替代ES5的老特性,let就是用来代替var命令,但是为了保持兼容性,保留了var命令,建议大家写ES6代码是直接舍弃var。
2 . 变量不可重复定义
let name = 'abc';
let name = 'abcd';
//Identifier 'name' has already been declared
3. 暂时性死区
同一个变量名在一个作用域内和作用域外分别定义,那么他们是完全独立的,作用域内只能使用内部定义的变量。
let tmp = 10;
function fn(){
console.log(tmp);
let tmp = 100;
}
//fn();Uncaught ReferencerError:tmp is not defined
fn内定义tmp变量,函数作用域就形成了一个tmp死区,无法使用外面的同名变量。
特例
for循环的()部分相当于父作用域,{}部分相当于子作用域。
let a = [];
for (let i = 0;i<10;i++){
a[i] = function(){
console.log(i);
};
}
a[6]();
//6
console.log(i);
//error:not defined
如果换成var i=0,输出的结果都是10,因为i被提升到全局,相当于:
var a= [];
var i;
for(var i =0;i<10;i++){
a[i]= function(){
console.log(i);
};
}
a[6]();
//10
console.log(i);
//10
块级作用域
ES5中作用域分为全局作用域和函数作用域,在不同的作用域下定义的变量分别成为全局变量和局部变量,全局变量的全部放在全局对象window下(node是global)。
ES6块级作用域
ES6中认为{}内部是一个块级作用域,定义在块级作用域的变量只在内部有效(var命令保留ES5的特性,不受块级作用域影响)
if(true){
let lan = 'en';
}
lan;
//Uncaught ReferencerError:lan is not defined
注:
- {}可以单独写,可嵌套
{
{let lan = 'en'}
len;
//Uncaught ReferencerError:lan is not defined
}
- 封装
ES5使用立即执行函数(IIFE)来做封装,避免全局污染,现在使用{}即可解决这个问题。
//ES5写法
(function(){
var lan = 'en'
})()
//ES6写法
{
let lan = 'en'
}
3.函数在块级作用域内定义,只在内部有效
const命令
const定义
用来定义一个常量(定义后不可更改)
const node = 3.1415926;
node = 3.14;
//Uncaught TypeError:Assignment to constant varible
const用法
const用法和let命令用法规则一致。
注意事项
- 如果定义的常量是引用类型,可以修改引用类型常量的值;
因为引用类型存的是指针,对于常量来说,只是指针不可改变,其成员 可以改变。
const cc={
a:"1",
b:"2"
}
cc.c="3";
cc;
//{a:"1",b:"2",c:"3"}
*如果改变常量的地址则报错*
const cc={
a:"1",
b:"2"
}
cc={};
//Uncaught TypeError:Assignment to constant varible
本篇文章到此结束,该系列持续更新,喜欢的请关注!!!