es6常用方法總結


1.let, const 都是塊級作用域,其有效范圍僅在代碼塊中。 //es5
if(a==1){ var b = 'xxx'; } console.log(b);//xxx

//es6
if(a==1){ let b = 'xxx'; } console.log(b);//undefined
---------------------------------------- const sum = {num1:1,num2:2}; sum.num2 = 6; console.log(sum);//{num1:1,num2:6}
常量只是指向了對象的指針,對象本身的內容卻依然可以被修改 -------------------------------------------------------------
2.模板字符串 //es5
$('#mark').append( '出售中 <span>' + obj.num + '</span> ' +
  '剩下的, ' +'<span>' + obj.showNum +'</span> 賣完了!'); //es6 //在es6中,內容模板,可以定義在 `` 包起來的字符串中,其中的內容會保持原有格式 //另外可以在字符串中直接使用模板語言進行變量填充,優雅而簡潔
$('#mark').append(` 出售 <span>${obj.num}</span> 剩下 <span>${obj.showNum}</span>`); -------------------------------------------------------------
3.字符串遍歷輸出,補全 for(let item of 'str'){ console.log(item); } //s //t //r
-----------------------------------------------
//參數1:[number] 目標字符串長度 //參數2:[string] 進行補全的字符串
'123'.padStart(5, '0')//00123 - 字符串不足5位,在頭部補充不足長度的目標字符串
'345'.padEnd(5, '0')//34500 - 在尾部進行字符串補全
-------------------------------------------------------------
4.數組擴展 let a = [1, 2]; let b = [2,3]; let c = [...a, ...b];//[1, 2, 2, 3] 所有內容合並,但並不會去除重復
--------------------------------------------------- Array.of(3,4,5)//快速轉換為數組 [3,4,5]
------------------------------------------------------------- .keys() - 獲得數組中所有元素的鍵名(實際上就是下標索引號) .values() - 獲得數組中所有元素的數據 .entries() - 獲得數組中所有數據的鍵名和數據 for (let i of ['x', 'y'].keys()) { console.log(i); //0 1
} -----------------------------------
for (let elem of ['x', 'y'].values()) { console.log(elem); //x y
} -----------------------------------
for (let [index, elem] of ['x', 'y'].entries()) { console.log(index, elem); // 0 "x" 1 "y"
} -------------------------------------------------------------
5.對象擴展 //直接使用變量/常量的名稱個為對象屬性的名稱
let a = 'abc'; let b = {a};//{a: 'abc'}
----------------------------------- 判斷對象是否為數組 if(Object.isArray(obj)){} ----------------------------------- 對象內容合並 Object.keys() - 獲得對象中所有的鍵名,以數組的形式返回 var obj = { a:1,b:2 }; var names = Object.keys(obj);//['a', 'b']
----------------------------------- Object.values() - 獲得對象中所有的值內容,以數組的形式返回 var obj = { a:1,b:2 }; var values = Object.values(obj);//[1, 2]
----------------------------------- Object.entries() - 獲得對象中所有的成員數據,以數組的形式返回,成員的內容也是數組形式 var obj = { a:1,b:2 }; var values = Object.entries(obj);//[['a',1], ['b',2]]
------------------------------------------------------------- 解構賦值 let [a, …b] = [1,2,3]; //這里 b 的值為[2,3],這樣可以快速使用剩余的數據賦值給變量,
let [a, b, c] = [1, 2, 3]; //定義了三個變量,並對應賦了值;如果值的個數與變量名個數不匹配,沒有對應上的變量值為 undefinedlet obj = {a: 1, b: 2};
let {a, b} = obj;//a=1,b=2
使用變量的方式進行結構賦值,需要嚴格匹配名稱,數組的模式是嚴格匹配下標 -------------------------------------------------------------
6.模塊化 //app.js
let act = {a:1,b:2,c:3}; export default act;
//index.js import act from 'app.js';//假設 app.js 與index.js 同在一個目錄中 console.log(act.a);//1

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM