a. 数组中的方法:
push()方法可以在数组的末属添加一个或多个元素 [...arr, '新增加的元素']
shift()方法把数组中的第一个元素删除
unshift()方法可以在数组的前端添加一个或多个元素
pop()方法把数组中的最后一个元素删除
b. 扩展运算符
案例一:
var newArr = ...['a','b','c']
案例二:
newArr.unshift('d') // 往数组中添加一个元素为第一个元素,生成一个新数组
newArr = [...newArr] //['d','a','b'.'c']
c. 数组合并
concat():把两个或者多个数组链接在一起,但是不改变已经存在的数组
案列:
var a = [1,2,3];
a.concat([4,5]);
console.log(a); //此处输出为 [1, 2, 3]
// --------------------------------------
var a = [1,2,3];
a = a.concat([4,5]);
console.log(a); //此处输出为 [1, 2, 3 ,4 ,5]
d. 关于模块的导入导出
场景一: export 导出声明并且赋值的变量
export var a = 1; // 假设在modle.js中导出 export 3,报错
import {a} from './modle.js' // 导入该模块
场景二: export 导出函数(不可以是匿名函数)
export function test() {} // 假设在modle.js中导出
import {test} from './modle.js' // 导入该模块
场景三: export 导出多个函数
var a = 1;
funtion test1() {
}
funtion test2() {
}
export {a, test1, test2} // 假设在modle.js中导出
import {a, test1, test2} from './modle.js'
import { test1, test2} from './modle.js' // 选择性的导出模块中的其他模块
以上三个场景不知道大家有没有发现
导出都是用export 导出,export + 变量声明赋值|| 非匿名函数 或则 export + {已经声明并且赋值的变量名 || 函数名},
导入都是 import { 变量名|| 函数名} from './xxx.js' ,import 后面紧跟 { }
场景四: export default 导出常量
export default 4 // 假设在modle.js中导出
import a from './modle.js' // 导入该模块
场景五: export default 导出匿名函数
export default function(options) {
}
import myrequest from './modle.js'
场景六: export default 导出变量名/函数名
var a = 123
function foo() {}
export default foo
import myfoo from './modle.js'
结合上述场景做个总结:
一:
export 导出的模块 ,import 导入要加 { }
export default 导出的模块, import 导入不要加 { }
二:
export 可以导出多个函数, 可以选择性的导入函数,导入时模块的名称不可随意取
export default 导出的模块,只有一个,可以给导入的模块任意取名字
ES6 学习总结
最新推荐文章于 2022-10-11 16:18:54 发布