es6 常用總結

2021-10-05 15:06:39 字數 3009 閱讀 6403

let 和 const let 宣告塊級變數

const 宣告塊級常量,簡單資料型別不可以變, 物件和函式可以變; 因為const指向位址

(1)在函式表示式中使用, 只有乙個引數時, 括號()可以忽略;

(2)沒有引數和多個引數時要加上()

(3)函式只有一行的簡潔函式體時, 不用宣告return直接返回; 塊級函式體需要手動return

this 是固定的

let fn = x => x * x

var link = ()=>{}

arrs.map(value => )

陣列遍歷

引數: 元素本身, 元素下標, 陣列本身

filter() 返回乙個所有通過測試的元素的新陣列, 返回true表示保留該元素, 返回false表示不保留該元素 var newarr = arr.filter(item=>)

map() 原陣列中每個元素呼叫乙個指定方法後,返回值組成乙個新的陣列var a = [1, 2, 3,4 5]

var b = a.map(item=>)

foreach() 遍歷陣列中每個元素,沒有返回值

every() 遍歷陣列, 每個都通過測試, 則返回true

some() 遍歷陣列,有乙個通過測試,則返回true

改變自身陣列的方法:

push() 在末尾新增元素

pop() 刪除並返回最後乙個元素,

unshift() 在開頭新增元素

shift() 刪除並返回第乙個元素

splice() 刪除元素, 替換元素, 插入元素

reverse() 陣列翻轉

sort() 陣列排序

不改變自身陣列的方法

concat() 拼接陣列 let newarr = arr1.concat(arr2, arr3);

join() 拼接成字串 let arrstr = arr.join(』_』);

slice() 陣列抓取 let newarr = arr.slice(0, 5); 第二個引數可以為負數

valueof()—返回陣列物件的原始值。

1 陣列拼接, 解開陣列暴露元素

var arr1 = [1,2,3]; var arr2 = [4,5,6];

arr1.push(…arr2)

[…arr1, …arr2]

2 物件拼接

var obj1= ; var obj2 = ;

var obj3 =

// es5中, 使用requirejs,乙個檔案乙個模組, 暴露屬性和方法

module.exports =

}//es5中, 使用requirejs,乙個檔案乙個模組, 暴露屬性和方法

//引用時, 變數名表示整乙個模組, 相當於乙個物件

var config =

require

('module.js');

var port = config.port

//es6, 使用commonjs

export

default name =

'rmy'

;export

let port =

3000

;export

function

getaccount()

//預設屬性不用放在{}裡

import name,

from

'module.js'

;

var link = function(height=50, color=『red』)

var name =your name is $ $;

$

var = obj.data

new

promise

((resolve, reject)

=>).

then((

)=>).

catch((

)=>

)

resolve表示進行下一步then, reject表示下一步catch

then也是乙個promise, 引數是resolve傳下來的引數

promise.all() 將多個promise例項包裝成乙個新的promise例項, 成功返回乙個結果陣列, 失敗返回最先失敗狀態的值

promise.all(promisearray).then(res =>

getname()

}let base =

newbasemodel()

base.

getname

()先在該類找屬性和方法, 如果找不到, 再去繼承的類裡找

class accountmodel extends basemodel {}

object.assign() 物件合併

第乙個引數是目標物件, 從第二個引數開始, 按順序拼接**者的屬性到第乙個引數,有相同的屬性則會被覆蓋

var recevier = {}

object.assign(recevier, , )

for in 遍歷物件自身和繼承的可列舉屬性

es6常用知識總結

es6已經出了2年左右的時間了,雖然部分瀏覽器沒有支援es6,不過在babel等幫助下,我們依然可以使用es6相關的內容,現在對es6常用內容的總結。變數結構是按照一堆的規則從陣列或者物件中提取值並賦予給變數。陣列解構 let x,y,z 1,2,3 console.log x 1 console....

常用es6語法總結

一.let var,const var沒有塊級作用域,定義後在當前閉包中都可以訪問,如果變數名重複,就會覆蓋前面定義的變數,並且也有可能被其他人更改。for var i 0 i 3 i 0 結果會列印3次3,原因是var 沒有塊級作用域,而let有自己的塊級作用域,所以不會出現這種情況。使用 let...

常用ES6基礎語法總結

用自己易於理解的語言總結的,歡迎各位大佬指點 1 用來宣告塊級作用域 let宣告的變數只在其塊級作用域內有效,而var通常在函式作用域或全域性作用域內有效塊級作用域 指用花括號包裹起來形成的語句塊,如if for while迴圈語句等。if true console.log a a is not d...