ES6随记

Posted Bo_Spirit

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6随记相关的知识,希望对你有一定的参考价值。

ES6 声明变量的六种方法

var命令和function命令。letconst命令,另外两种声明变量的方法:import命令和class命令。

所以,ES6 一共有6种声明变量的方法。

{}块级作用域。

do 表达式 

使得块级作用域可以变为表达式,也就是说可以返回值,办法就是在块级作用域之前加上do,使它变为do表达式。

基本用法

const声明一个只读的常量。一旦声明,常量的值就不能改变。

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

模板字符串

传统的javascript语言,输出模板通常是这样写的。

$(‘#result‘).append(
  ‘There are <b>‘ + basket.count + ‘</b> ‘ +
  ‘items in your basket, ‘ +
  ‘<em>‘ + basket.onSale +
  ‘</em> are on sale!‘
);

上面这种写法相当繁琐不方便,ES6引入了模板字符串解决这个问题。

$(‘#result‘).append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

// 普通字符串
`In JavaScript ‘\n‘ is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

模板字符串中嵌入变量,需要将变量名写在${}之中。

以上是关于ES6随记的主要内容,如果未能解决你的问题,请参考以下文章

vue2入坑随记

30秒就能看懂的JavaScript 代码片段

vue2.0 代码功能片段

ES6基础常用系列——扩展运算符...

ArcMap操作随记

ArcMap操作随记