1、關(guān)于let
用來(lái)鎖定塊程序內(nèi)的變量非常實(shí)用:
10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有青龍免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 輸出10
用var i 并沒(méi)有將i值鎖定(var定義的i會(huì)變量提升,作為全局變量),數(shù)組a中每個(gè)成員中的i都是公用一個(gè)變量空間,所以最后i為10,a[1]()-----a[10]()輸出均為10var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 輸出6
用let i 會(huì)針對(duì)for每次循環(huán)的{ }塊代碼重新定義變量空間,js解釋引擎會(huì)自動(dòng)記錄上次i值,所以a的每個(gè)成員的i值都是不一樣的!
2、箭頭函數(shù)使函數(shù)定義變得更簡(jiǎn)潔:
var f = () => 5;
// 等同于
var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
return num1 + num2;
};
箭頭前一般為傳入?yún)⑴c,箭頭后一般返回參數(shù),沒(méi)有傳入?yún)?shù)可以用(),如果沒(méi)有返回參數(shù)可以用{}把語(yǔ)句包含。
關(guān)于箭頭函數(shù)有幾個(gè)使用注意點(diǎn):
(1)函數(shù)體內(nèi)的this對(duì)象,就是定義時(shí)所在的對(duì)象,而不是使用時(shí)所在的對(duì)象。如下:
{
var ft=function(){
this.a='a';
this.b='b';
this.c={
a: 'a+';
b: ()=>{
return this.a;
}} } console.log(new ft().c.b()); //顯示 a,不是a+,因?yàn)閠his指向在定義箭頭函數(shù)時(shí)就已經(jīng)被確定了箭頭函數(shù)外的this相同
}
比較非箭頭函數(shù)寫(xiě)法結(jié)果:
{
var ft=function(){
this.a='a';
this.b='b';
this.c={
a: 'a+';
b: fuction(){
return this.a;
}} } console.log(new ft().c.b()); //顯示 a+,不是a,此時(shí)的 this是在對(duì)象被使用的時(shí)候定義,即被調(diào)用的時(shí)候定義,this指向c
}
(2)不可以當(dāng)作構(gòu)造函數(shù),也就是說(shuō),不可以使用new命令,否則會(huì)拋出一個(gè)錯(cuò)誤。
(3)不可以使用arguments對(duì)象,該對(duì)象在函數(shù)體內(nèi)不存在。如果要用,可以用 rest 參數(shù)代替。
(4)不可以使用yield命令,因此箭頭函數(shù)不能用作 Generator 函數(shù)。
先做個(gè)記錄,有時(shí)間再分析