ES6筆記

qianfeng 發(fā)布于2019-08-23 18:28 / 557人閱讀

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

一、 var,let,const

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

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

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);

數(shù)組展開
 let arr1=[12,5,8];
let arr2=[4,5,6];
let arr=[...arr1, ...arr2];//相當(dāng)于拼接兩個數(shù)組
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}

三、默認參數(shù)

function show2(a, b=5, c=8) {
    console.log(a, b, c)
}
show2(88)//打印出來 88,5,8(沒有傳參數(shù)b默認為5,c默認為8)
show2(88,22)//打印出來 88,22,8(b的默認參數(shù)被覆蓋所以為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);

GPU云服務(wù)器云服務(wù)器 ES6 es6-系列 ES6入門 es6 js

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105281.html

相關(guān)文章

《深入理解ES6》筆記——導(dǎo)讀

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

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

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

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

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

Meils 2019-08-21 11:31 評論0 收藏0
ES6學(xué)習(xí)筆記

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

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

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

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