ES6最新特性汇总

let,const代替var

模板字面量

作用:连接字符串
如,旧的表示方法:

var a = "JavaScript";
var b = "English";
var c = "I love " + a + " and " + b;

ES6表示方法:
使用`字符串${变量}`的形式,``为倒引号,在英文输入法下,Esc键下面的按键就是``

let a = "JavaScript";
let b = "English";
let c = `I love ${a} and ${b}`;

两种方法的结果都是I love Javascript and English,模板字面量相比于原有方法要简介很多,尤其是随着要连接的字符串的增加,可以省去很多""

for of 循环

克服了for in循环的缺点,比for循环书写更简洁。

  • for 写法
const nums = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for (let i = 0; i < nums.length, i++) {
  console.log(num[i]);
}
  • for of 写法
const nums = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for (const num of nums) {
  console.log(num);
}

在命名时,使用复数变量名(nums)代表集合,单数变量名(num)代表集合中的单个变量。

默认函数参数

通过=添加默认参数

function greet(name = 'Student', greeting = 'Welcome') {
  return `${greeting} ${name}!`;
}
greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

你可能感兴趣的:(ES6最新特性汇总)