ES5，ES6的简要说明及浏览器支持性总结，Web前端基础入门教程

var b = a.filter(function(element) {

return element > 2;

});

console.log(b);

//输出 [3]

（4）Array.prototype.forEach(callback[, thisArg]) 对数组的每个元素执行一次提供的函数。

const arr = [‘a’, ‘b’, ‘c’];

arr.forEach(function(element) {

console.log(element);

});

（5）Array.prototype.indexOf(searchElement, fromIndex) 返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1

let a = [2, 9, 7, 8, 9];

a.indexOf(2); // 0

（6）Array.prototype.lastIndexOf() 返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找，从 fromIndex 处开始。

var array = [2, 5, 9, 2];

var index = array.lastIndexOf(2);

// index is 3

（7）Array.prototype.map() 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

var numbers = [1, 4, 9];

var roots = numbers.map(Math.sqrt);

// roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]

（8）Array.prototype.reduce() 从左到右为数组中的每一个元素依次执行callback函数，返回累计处理的结果。

var total = [0, 1, 2, 3].reduce(function(sum, value) {

return sum + value;

}, 0);

// total is 6

（9）Array.prototype.reduceRight() 与Array.prototype.reduce() 的执行方向相反。

（10）Array.prototype.some() 测试数组中的某些元素是否通过由提供的函数实现的测试。every()是全部元素满足条件，some()只要任意一个元素满足条件。

2.2.4 String新增方法

（1）String.prototype.trim() 会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符（如 LF，CR）。

var orig = ’ foo ';

console.log(orig.trim()); // ‘foo’

2.2.5 Date新增方法

（1）Date.now() 返回自1970年1月1日 00:00:00 UTC到当前时间的毫秒数。

2.2.6 JSON对象

（1）JSON.parse() 用来解析JSON字符串，构造由字符串描述的JavaScript值或对象。

let a = ‘{“b”: 3}’;

let c = JSON.parse(a);

console.log©;

// {b: 3}

（2）JSON.stringify() 将一个JavaScript值(对象或者数组)转换为一个 JSON字符串。

let dd = {bb: 3};

let cc = JSON.stringify(dd);

console.log(cc);

// ‘{“bb”:3}’

上述就是ES5的主要新特性概括，下面我们再看看ES6有哪些新特性。

3. ES6（ES2015）的简要说明

---

ES6各个特性的支持情况比较细，可根据具体特性查询caniuse

3.1 ES6新特性

参考文档：http://es6.ruanyifeng.com/#docs/intro（ECMAScript 6 入门）

下面简单说一些比较常见的ES6用法

（1）let 用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。实际上为 JavaScript 新增了块级作用域。

{

let a = 10;

var b = 1;

}

a; // ReferenceError: a is not defined.

b; // 1

（2）const声明一个只读的常量。一旦声明，常量的值就不能改变。

const PI = 3.1415;

PI // 3.1415

PI = 3;

// TypeError: Assignment to constant variable.

（3）数组的解构赋值

let [a, b, c] = [1, 2, 3];

// let a=1,b=2,c=3;

（4）对象的解构赋值

let { foo, bar } = { foo: “aaa”, bar: “bbb” };

foo // “aaa”

bar // “bbb”

（5）箭头函数 =>

var f = v => v;

等效于

var f = function(v) {

return v;

};

（6）Promise对象是异步编程的一种解决方案。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

基本用法是，创建一个Promise实例，

const promise = new Promise(function(resolve, reject) {

// … some code

if (/* 异步操作成功 */){

resolve(value);

} else {

reject(error);

}

});

Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。

promise.then(function(value) {

// success

}, function(error) {

// failure

});

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

JavaScript

性能

linux

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

](https://img-blog.csdnimg.cn/img_convert/7796de226b373d068d8f5bef31e668ce.png)

性能

linux

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-Uf5OjkSh-1712655513828)]