ES6 常用语法(for/forEach/高阶函数/模板字符串)

一、for遍历循环

for(var i = 0; i < num.length; i++){
    console.log(num[i])
}

for(var i in num){
    console.log(num[i])
}

for(var val of num){
    console.log(val)
}

二、forEach遍历循环

<script type="text/javascript">
	var arr = ['a','b','c'];	
	// 分别对应：value数组元素，index元素的索引，array数组本身
	arr.forEach(function(value,index,array){
		console.log(value);
		console.log(index);
		console.log(array);
		})
</script>

三、`` 模板字符串

`` 反引号，tab上面的那个键(~`)，功能如下：

1、可以识别换行；

2、可以通过 ${ } 直接引入变量。

$('#ulList').html(`
    

      
浙江
      
杭州
    
`);

var total = 50;
 
console.log("总数为:" + total);
 
// 等于
 console.log(`总数为${total}`);

四、高阶函数

// 无参 不能省略
var fn1 = function() {}
var fn1 = () => {}
 
// 单个参数 可以省略（）
var fn2 = function(a) {}
var fn2 = a => {}
 
// 多个参数
var fn3 = function(a, b) {}
var fn3 = (a, b) => {}

// es6 箭头函数写法，当函数直接被return时，可以省略函数体的括号
const fn = (a, b) => a + b;
 
// 可变参数
var fn4 = function(a, b, ...args) {}
var fn4 = (a, b, ...args) => {}