ES6基础(未完待续)

目录

ES6定义变量和结构化赋值

箭头函数

数组的扩展

---

前言

js 基础(2)  https://blog.csdn.net/yzj17025693/article/details/95291179

ES6是js的新标准,添加了很多额外的语法

ES6定义变量和结构化赋值

用var定义的变量是没有作用域的,重复定义直接覆盖

// let声明的变量不能预解析
console.log(a);
let a=10;

//let声明的变量不能重复
let flag=10;
let flag=20;
console.log(flag)

//let声明有了块级作用域,跨域便识别不了
if (true){
    var a1=123;
    let a2=123
}
console.log(a1);
console.log(a2);


// const声明的常量不允许重新赋值
const a3=10; //常量必须初始化
a3=20; //不允许

数组的结构赋值

var a=1;b=2;c=3; //原来的方式
var [a,b,c]=[1,2,3] //现在的方式
let [a=111,b,c]=[,123,]; //可以设置指定的数值和默认值
console.log(a,b,c);

函数参数也可以被数组结构化

对象的结构赋值

// 根据遍历的名称赋值
// 可以给属性设置别名 属性:别名,这样调用的时候也必须用别名
let {a,c:c1}={a:'aa',c:'cc'};
console.log(a,c1);

对象的简写

本来是username:usernmae 把上面let的值赋值给对象,但是同名的属性可以省略不写

字符串结构赋值

// 会被拆分成单个的字符
let [a,b,c,d,e]="hello";
console.log(a,b,c,d,e);
let {length}="hhh";
console.log(length) //会打印出长度,这是对象的赋值

箭头函数

箭头函数定义的匿名函数,里面是没有this的,会用外部的this,在vue里面这个很实用

左边的括号是形参,没有形参则不用写,右边是函数体

只有一个新参的时候,可以把小括号删掉,如果有2个或者没有,就得加上小括号

函数体的标准

当只有1条表达式的时候,{}可以省略,并且会自动返回表达式的结果

如果加了大括号,那么就需要写return

数组的扩展

数组的reduce方法

https://www.cnblogs.com/cckui/p/9267542.html

数组的find方法

https://www.jianshu.com/p/1c15be16a85a

import, require,export的使用

前2个用于导入模块,后1个用于导出模块

可以参考https://blog.csdn.net/qq_28702545/article/details/54892562