ECMAScript 与 javaScript的关系
个人理解
- ECMA 是 javaScript 的标准就像键盘的 qwer 键位的排列一样,javaScript 就类似于键盘是 ECMA 的实现。
- javaScript 的核心是 ECMAScript 但是 javaScript 中还包含着 DOM对象,BOM 对象。
- DOM对象的理解:MDN官网的解释
javaScript 能够通过调用 DOM 的接口来直接操作 页面上的元素,达到操作页面上的显示效果。 - BOM 是浏览器对象提供的独立的内容,可以与浏览器窗口进行交互的对象结构,由多个对象组成,其中 window 是顶级的对象,其他对象可以由 window 调用
ES5的新增性质
- 使用 strict 模式
"use strict"
- 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));