ES6 学习总结

	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 导出的模块,只有一个,可以给导入的模块任意取名字
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值