今天研究了一下關于ECMASript2015,也就是我們常稱呼的ES6路鹰。關于ES6矾飞,使用'use strict'就不多說了枚冗,我詳細羅列以下幾點:
一.let 定義變量
let 有塊級別作用域{},且目前瀏覽器已經(jīng)支持了
舉個例子來說姓建,let可以解決for循環(huán)中加事件诞仓,事件里i不能使用的問題:
我們來看一個for循環(huán)里加事件不能用的案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
'use strict'
window.onload = function(){
var aBtn = document.getElementsByTagName('input');
for (var i =0; i<aBtn.length; i++) {
aBtn[i].onclick = function(){
alert(i); //結果是3 3 3
};
}
};
</script>
<body>
<input type="button" value="aaa" />
<input type="button" value="bbb" />
<input type="button" value="ccc" />
</body>
</html>
那我們將定義變量 var 替換為 let 試試:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
'use strict'
window.onload = function(){
var aBtn = document.getElementsByTagName('input');
for (let i =0; i<aBtn.length; i++) {
aBtn[i].onclick = function(){
alert(i); //結果是0 1 2
};
}
};
</script>
<body>
<input type="button" value="aaa" />
<input type="button" value="bbb" />
<input type="button" value="ccc" />
</body>
</html>
使用let定義變量就可以很好的解決i的問題,而不使用封閉空間速兔。
另外:我們需要強調(diào)一點墅拭,在使用let的過程中,是不能重復聲明變量的。如下:
let a = 12;
lat a = 5; //錯誤的重復聲明會報錯:Identifier 'a' has already been declared
console.log(a);
二、const 定義的是常量
當我們在寫頁面的過程中赏陵,如果需要一個常量來一直使用的話,比如我們需要定義一個Tab循環(huán)使用,那么我們可以使用const來定義珍剑。
舉個檢點的例子來驗證如何使用const定義一個常量:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
const a = 12;
// const a = 5; //不能重復定義
// a = 8; //常量不能被修改
const b = 9;
alert(a);
alert(b);
</script>
<body>
</body>
</html>
所以我們在使用const過程中掸宛,需要注意這兩點:
1.不能重復定義
2.常量不能修改
三、字符串模板引擎
字符串模板引擎就是我們常說的字符串拼接招拙,通常我們在做字符串拼接時唧瘾,使用'++'的方式拼接措译,
但是當我們遇到大量的變量需要字符串拼接起來的時候,這時候會發(fā)現(xiàn)饰序,這種拼接方式是極易出錯的领虹,一不小心丟了一個單引號或者+號,字符串拼接就有問題求豫。
那么塌衰,我們使用字符串模板引擎方式,用${}代替'++'方式來看看蝠嘉,:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
var name = 'facebook';
var sex = '56';
var hobby = 'chat';
var str = `我是${name}最疆,性別有${sex}種,功能是${hobby}蚤告。`;
alert(str);
</script>
<body>
</body>
</html>
省去了大量的單引號加號努酸,看著是不是更加清晰了,也更不容易出錯了呢杜恰。
在使用時获诈,需注意我們使用的不是單引號了,而是`(tab鍵上邊的那個鍵哦心褐!)舔涎。
今天就先說到這里,未完待續(xù)檬寂。