ES6筆記

qianfeng 發布于2019-08-23 18:28 / 549人閱讀

摘要：一可以重復聲明不能限制修改沒有塊級作用域不能重復聲明變量有塊級作用域不能重復聲明常量有塊級作用域塊級作用域循環短短函數都屬于塊級作用域二剩余參數展開符剩余參數必須是形參的最后一個否則會報錯數組展開相當于拼接兩個數組展開三默認參數打印出來沒有

一、 var,let,const

var:可以重復聲明、不能限制修改、沒有塊級作用域
let:不能重復聲明、變量、有塊級作用域
const:不能重復聲明、常量、有塊級作用域
//塊級作用域 {},循環,if短短,函數都屬于塊級作用域

二、剩余參數(展開符)剩余參數必須是形參的最后一個,否則會報錯

function show(a, b, ...c){
  console.log(a, b, c);//a=12 b=5 c=[4,8,19,27,36]
  
}
show(12,5,4,8,19,27,36);

數組展開
 let arr1=[12,5,8];
let arr2=[4,5,6];
let arr=[...arr1, ...arr2];//相當于拼接兩個數組
console.log(arr)//[12,5,8,4,5,6]

json展開
let json={a:12, b:5, c:99};
let json2={
  ...json,
  d: 999
};
console.log(json2);//{a:12, b:5, c:99,d:999}

三、默認參數

function show2(a, b=5, c=8) {
    console.log(a, b, c)
}
show2(88)//打印出來 88,5,8(沒有傳參數b默認為5,c默認為8)
show2(88,22)//打印出來 88,22,8(b的默認參數被覆蓋所以為22,c默認為8)
show2(88,22,3)//打印出來 88,22,3

map、reduce、filter

//map
let arr=[68, 53, 12, 98, 65];
let arr2=arr.map(function (item){
  if(item>=60){
    return "及格";
  }else{
    return "不及格";
  }
});
console.log(arr);//[68, 53, 12, 98, 65]
console.log(arr2);//[及格, 不及格, 不及格, 及格, 及格]

//result
 let arr=[68, 53, 12, 98, 65];
 let result=arr.reduce(function (tmp, item, index){
  console.log(index+": "+tmp+", "+item);
  return tmp+item;
});
console.log(result);

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105281.html

《深入理解ES6》筆記——導讀

摘要：最近買了深入理解的書籍來看，為什么學習這么久還要買這本書呢主要是看到核心團隊成員及的創造者為本書做了序，作為一個粉絲，還是挺看好這本書能給我帶來一個新的升華，而且本書的作者也非常厲害。使用ES6開發已經有1年多了，以前看的是阮一峰老師的ES6教程，也看過MDN文檔的ES6語法介紹。最近買了《深入理解ES6》的書籍來看，為什么學習ES6這么久還要買這本書呢？主要是看到Daniel A...

Godtoy 2019-08-20 18:01 評論0 收藏0
ES6入門筆記（一）

摘要：用聲明的常量無法在后面的代碼中改值。表達式里還有一個很方便的就是表達式，舉個例子運行結果為后聲明的里以數組的形式存放了函數的剩余參數，是不是很方便。 ES6入門筆記（一）安裝babel 由于瀏覽器對ES6的支持還不是很好，編寫ES6代碼前我們要安裝一個babel工具將ES6代碼編譯成ES5代碼，用如下命令安裝babel： npm install -g babel-core ...

warkiz 2019-08-19 18:11 評論0 收藏0
es6學習筆記-頂層對象_v1.0_byKL

摘要：學習筆記頂層對象雖然是筆記但是基本是抄了一次大師的文章了頂層對象頂層對象，在瀏覽器環境指的是對象，在指的是對象。之中，頂層對象的屬性與全局變量是等價的。的寫法模塊的寫法上面代碼將頂層對象放入變量。參考引用頂層對象實戰 es6學習筆記-頂層對象_v1.0 (雖然是筆記,但是基本是抄了一次ruan大師的文章了) 頂層對象頂層對象，在瀏覽器環境指的是window對象，在Node指的是gl...

Meils 2019-08-21 11:31 評論0 收藏0
ES6學習筆記

摘要：本筆記為閱讀阮老師的文章自己的總結，僅作自用，感謝阮老師的技術分享。字符串的遍歷器接口新增判斷字符串的包含情況返回值，表示是否找到了字符串。返回值表示參數字符串是否在原字符串的頭部。本筆記為閱讀http://es6.ruanyifeng.com/ 阮老師的文章自己的總結，僅作自用，感謝阮老師的技術分享。 1.超過uFFFF的字符ES5無法正確顯示，會顯示成前面的uFFFF的碼點符號加...

zxhaaa 2019-08-26 11:58 評論0 收藏0
React學習筆記3：用es2015（ES6）重寫CommentBox

摘要：新搭建的個人博客，本文地址學習筆記用重寫在一開始的時候配置中我們就加入了的支持，就是下面的配置，但之前的學習筆記都使用的完成，所以專門作一篇筆記，記錄使用完成創建相關文件修改，增加該入口文件修改，引入該文件做個簡單的測試，看下瀏覽器全部用來新搭建的個人博客，本文地址：React學習筆記3：用es2015（ES6）重寫CommentBox在一開始的時候webpack配置中我們就加入了e...

selfimpr 2019-08-19 17:30 評論0 收藏0