資訊專欄INFORMATION COLUMN
摘要：批量聲明循環(huán)箭頭函數(shù)中可以省略，如果括號(hào)里只有返回的表達(dá)式，那么花括號(hào)和關(guān)鍵字也可以省略。箭頭函數(shù)指向?qū)嵗闹赶蚴窃摵瘮?shù)被調(diào)用的指向該函數(shù)是被哪個(gè)對(duì)象所調(diào)用時(shí)的就是箭頭函數(shù)中的指向是定義時(shí)的指向?qū)嵗闹赶?/p>
常量const
const a = 1; a +=2; console.log(a); //報(bào)錯(cuò) VM6833:2 Uncaught TypeError: Assignment to constant variable. //常量只讀，不可以更改
列表項(xiàng)目
es5/es6作用域
舉個(gè)栗子：
//es5
(function(){
var arr = [];
for(var i =0;i<=2;i++){
arr[i]=function(){
return i+1;
}
}
arr[0]();//4,i并沒(méi)有進(jìn)入循環(huán)，而是在循環(huán)完，i++到i=3;
arr[1]();//4 一個(gè)閉包的存在，當(dāng)執(zhí)行arr[2]()時(shí)，i已經(jīng)是3
})()
--------
//es6
{
let arr = [];
for(let i = 0;i<=2;i++){
arr[i] = ()=>i+1;
}
arr[0]();//1
arr[1]();//2
}
總結(jié)： es5要通過(guò)立即執(zhí)行函數(shù)對(duì)作用域進(jìn)行隔離，es6只需要{}即可這樣就不會(huì)污染全局變量，可以多次使用同樣的變量
let變量聲明
{
let a = 1;
}
console.log(a);//報(bào)錯(cuò) a is not defined
//不要在聲明之前使用，在語(yǔ)法上，稱為“暫時(shí)性死區(qū)”（temporal dead zone，簡(jiǎn)稱 TDZ）。
var tmp = 123;
if (true) {
tmp = "abc"; // ReferenceError
let tmp;
}
批量聲明
{
let [a,b,c]=[1,2,3];
console.log(typeof a);//number
}
循環(huán)
for in&&for of
var arr=[1,3,4]
for(var i in arr){
console.log(i);
}
//0,1,2
for(var i of arr){
//1,3,4;
}
箭頭函數(shù)
es5:
(function(i){
i+=1;
console.log(i);
})(1) //2
es6:
((i)=>{
i+=1;
console.log(i);
})(1) //2
es6中function可以省略，如果括號(hào)里只有返回的表達(dá)式，那么花括號(hào)和return關(guān)鍵字也可以省略。
箭頭函數(shù)this指向：
//es5
{
var factory = function(){
this.a = "a";
this.b = "b";
this.c = {
a:"a+",
b:function(){
return this.a;
}
}
}
console.log(new factory().c.b())//a+
}
//es6
{
var factory = function(){
this.a = "a";
this.b = "b";
this.c = {
a:"a+",
b:()=>this.a
}
}
console.log(new factory().c.b())//a
}
es5實(shí)例的this指向是該函數(shù)被調(diào)用的指向（該函數(shù)是被哪個(gè)對(duì)象所調(diào)用時(shí)的就是this）
箭頭函數(shù)中的this指向是定義時(shí)的指向（new factory()實(shí)例的指向）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/83536.html
摘要：用聲明的常量無(wú)法在后面的代碼中改值。表達(dá)式里還有一個(gè)很方便的就是表達(dá)式，舉個(gè)例子運(yùn)行結(jié)果為后聲明的里以數(shù)組的形式存放了函數(shù)的剩余參數(shù)，是不是很方便。 ES6入門(mén)筆記（一） 安裝babel 由于瀏覽器對(duì)ES6的支持還不是很好，編寫(xiě)ES6代碼前我們要安裝一個(gè)babel工具將ES6代碼編譯成ES5代碼，用如下命令安裝babel： npm install -g babel-core ...
摘要：也就是說(shuō)，遍歷器對(duì)象本質(zhì)上，就是一個(gè)指針對(duì)象。執(zhí)行這個(gè)函數(shù)，就會(huì)返回一個(gè)遍歷器。一個(gè)對(duì)象如果要有可被循環(huán)調(diào)用的接口，就必須在的屬性上部署遍歷器生成方法原型鏈上的對(duì)象具有該方法也可。后面跟的是一個(gè)可遍歷的結(jié)構(gòu)，它會(huì)調(diào)用該結(jié)構(gòu)的遍歷器接口。 ES6 Iterator筆記（摘抄至阮一峰的ECMAScript 6入門(mén)） Iterator的遍歷過(guò)程 創(chuàng)建一個(gè)指針對(duì)象，指向當(dāng)前數(shù)據(jù)結(jié)構(gòu)的起始位...
摘要：入門(mén)筆記二對(duì)字符串操作的擴(kuò)展傳統(tǒng)上，只有方法，可以用來(lái)確定一個(gè)字符串是否包含在另一個(gè)字符串中。返回布爾值，表示參數(shù)字符串是否在源字符串的頭部。用于頭部補(bǔ)全，用于尾部補(bǔ)全。模板字符串中嵌入變量，需要將變量名寫(xiě)在之中。 ES6入門(mén)筆記（二） ES6對(duì)字符串操作的擴(kuò)展 傳統(tǒng)上，JavaScript只有indexOf方法，可以用來(lái)確定一個(gè)字符串是否包含在另一個(gè)字符串中。ES6又提供了三種新方法...
摘要：環(huán)境配置新版的要求統(tǒng)一使用作為的編譯工具，因此我們選擇，新建文件，內(nèi)容如下設(shè)置候選版本為和這里因?yàn)橐玫?，所以把在候選版本里加入對(duì)的支持組件里引入的組件這個(gè)概念里的組件就像，里的控件一樣，能方便快捷的作為界面的一部分實(shí)現(xiàn)一定功能，我們可以 環(huán)境配置 新版的React要求統(tǒng)一使用babel作為JSX的編譯工具，因此我們選擇babel，新建.babelrc文件，內(nèi)容如下 { pre...
摘要：選擇的主要原因大概是因?yàn)樵摽蚣艹霈F(xiàn)較早，感覺(jué)上會(huì)相對(duì)成熟，日后學(xué)習(xí)中遇到問(wèn)題想要查找答案相對(duì)簡(jiǎn)單一些，對(duì)，就是這么簡(jiǎn)單。多說(shuō)無(wú)益，接下來(lái)開(kāi)始的學(xué)習(xí)，我按照我學(xué)習(xí)中帶著的問(wèn)題來(lái)一一解答，完成我的入門(mén)筆記。主要是針對(duì)前端的組件化開(kāi)發(fā)。 這兩天得空，特意來(lái)折騰了以下時(shí)下火熱的前端框架react，至于為什么選react,作為一個(gè)初學(xué)者react和vue在技術(shù)上的優(yōu)劣我無(wú)權(quán)評(píng)論，也就不妄加評(píng)論了...
閱讀 1014·2019-08-30 15:55
閱讀 3454·2019-08-30 13:10
閱讀 1280·2019-08-29 18:45
閱讀 2361·2019-08-29 16:25
閱讀 2121·2019-08-29 15:13
閱讀 2435·2019-08-29 11:29
閱讀 564·2019-08-26 17:34
閱讀 1502·2019-08-26 13:57
