<!--#head#--><!DOCTYPE html>
<html>
	<head>
		<!--声明内容-->
		<meta charset="UTF-8">
		<title></title>
		<style>
			#CSS引用#
		</style>
	</head>
	<body>
		<!--组件内容-->
	</body>
	<script type="text/javascript">
		#JS引用#
	</script>
</html><!--#end head#--><!--#css#--><!--#end css#--><!--#js#-->

////ES6 方法对象
///默认参数

方法 show(a, b) {
	a = a 或 "默认1";//之前需要判断，非常麻烦
	b = b 或 "默认2";
	控制台.输出(a, b)
}
show()//在没有参数时

方法 show2(a = "默认1" , b = "默认2" ) { //ES6 可以直接给参数默认值
	控制台.输出(a, b)
}
show2()

方法 show3({ a = "默认1", b = "默认2"}) { //运用解构赋值
	控制台.输出(a, b)
}
show3({})//这里不支持空参数

方法 show4({ a = "默认1", b = "默认2"} = {}) { //给个默认参数，就可以支持空参数
	控制台.输出(a, b)
}
show4()

///扩展运算符

方法 show5(...a) { //在参数前面加...
	控制台.输出(a)//自动转换成数组
	控制台.输出(a.排序())//在排序下
}
show5(1, 9, 8, 3, 2)//在较多的参数时

方法 show6(a, b, c) { 
	控制台.输出(a, b, c)
}
show6(...[1, 9, 8])//在数组后加... 它会拆分数组

方法 show7(a, b, ...c) { //...可以获取剩余参数
	控制台.输出(a)//1
	控制台.输出(b)//9
	控制台.输出(c)//[8, 3, 2]
}
show7(1, 9, 8, 3, 2)

///箭头函数

方法 jian() {
	返回 1;
}
控制台.输出(jian());//一般写法

子变量 jian2 = () => 1;//箭头函数 简写
控制台.输出(jian2());

子变量 jian3 = (a, b) => { //剪头函数标准写法
	返回 a + b
}
控制台.输出(6, 5)//12

子变量 json = {
	id : 123, 
	show : 方法() {
		延迟调用(() => {
			控制台.输出(this.id)//箭头函数，this定义函数所在对象，而不是运行时所在的对象
		}, 2000)
	} 
}
json.show()
<!--#end js#-->