javaScript 與 ECMAScript 的區別

ECMAScript 與 javaScript的關係

ECMAScript百度百科

javaScript百度百科

個人理解

1. ECMA 是 javaScript 的標準就像鍵盤的 qwer 鍵位的排列一樣，javaScript 就類似於鍵盤是 ECMA 的實現。
2. javaScript 的核心是 ECMAScript 但是 javaScript 中還包含着 DOM對象，BOM 對象。
3. DOM對象的理解:MDN官網的解釋
   javaScript 能夠通過調用 DOM 的接口來直接操作 頁面上的元素，達到操作頁面上的顯示效果。
4. BOM 是瀏覽器對象提供的獨立的內容，可以與瀏覽器窗口進行交互的對象結構，由多個對象組成，其中 window 是頂級的對象，其他對象可以由 window 調用

ES5的新增性質

1. 使用 strict 模式

"use strict"

2. Array增加方法:
   MDN查詢Array方法的接口

①every 方法

"use strict"
let a = [3,3,2,5,4,8,4];

let getMoreThanThree = (number) => {
    return number>1;
}

console.log(a.every(getMoreThanThree));
該數組是否滿足函數定義的條件。

② some 方法, 數組中有滿足這樣條件的數字。

"use strict"
let a = [3,3,2,5,4,8,4];

let getMoreThanThree = (number) => {
    return number<3;
}

console.log(a.some(getMoreThanThree));

③ forEach 方法

let a = [3,3,2,5,4,8,4];
這兩個方法是等價的
a.forEach(aNumber => {
    console.log(aNumber);
})
a.forEach(function aN(aNumber){
    console.log(aNumber);
})

③ filter 方法

可以根據函數中的條件去過濾數組中的數據返回數組
"use strict"
let a = [3,3,2,5,4,8,4];

let getMoreThree =(a)=>{
    return a>5
};

console.log(a.filter(getMoreThree));

④ indexOf 尋找括號中的元素在數組中的位置

"use strict"
let a = [3,3,2,5,4,8,4];

console.log(a.indexOf(4));

⑤ lastIndexOf 與 indexOf 做的事情相同

⑥ 判斷是數組

"use strict"
let a = [3,3,2,5,4,8,4];

console.log(Array.isArray(a));

⑦ map 創建一個新數組，數組中的數字都調用這些內容之後返回的數組

"use strict"
let a = [3,3,2,5,4,8,4];

console.log(a.map(
    x => x+"你好"
));

⑧ reduce 函數使 array 中的數據挨個執行用戶寫的 reducer 函數，將結果彙總爲單個返回值

"use strict"
let a = [3,2];
let addAll = (a,b) =>{
    return a+b;
}
console.log(a.reduce(addAll));