美文网首页
ES6最新特性汇总

ES6最新特性汇总

作者: 徐喷以烟 | 来源:发表于2018-12-25 21:13 被阅读0次

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最新特性汇总

    let,const代替var 模板字面量 作用:连接字符串如,旧的表示方法: ES6表示方法:使用`字符串${变量...

  • 基础知识

    html5特性汇总ES6入门webpack编译的原理

  • ES6新特性汇总

    ES6改动很大,可以简单分为四类1、解决原有语法的缺陷和不足例如:let,const2、对原有语法进行增强解构、扩...

  • iOS最新面试题汇总(四)

    iOS最新面试题汇总:iOS最新面试题汇总(一)iOS最新面试题汇总(二)iOS最新面试题汇总(三)iOS最新面试...

  • iOS最新面试题汇总(三)

    iOS最新面试题汇总:iOS最新面试题汇总(一)iOS最新面试题汇总(二)iOS最新面试题汇总(三)iOS最新面试...

  • iOS最新面试题汇总(一)

    iOS最新面试题汇总:iOS最新面试题汇总(一)iOS最新面试题汇总(二)iOS最新面试题汇总(三)iOS最新面试...

  • iOS最新面试题汇总(二)

    iOS最新面试题汇总:iOS最新面试题汇总(一)iOS最新面试题汇总(二)iOS最新面试题汇总(三)iOS最新面试...

  • [ES6-新一代的javascript]

    8个ES6中的新特性 compat-table ES6新特性概览

  • Spring Cloud Edgware新特性全接触

    本文对Spring Cloud最新版本Spring Cloud Edgware所带来的新特性进行一个简单的汇总,方...

  • ES6核心特性

    摘要: 聊JS离不开ES6啊 原文:ES6核心特性 作者:ljianshu 前言 ES6 虽提供了许多新特性,但我...

网友评论

      本文标题:ES6最新特性汇总

      本文链接:https://www.haomeiwen.com/subject/iluqlqtx.html