ES6简单入门--面试题，2024年最新阿里巴巴二面到三面

块级作用域

为什么需要块级作用域？

(1)内层变量可能会覆盖外层变量

(2)用来计数的循环变量泄露为全局变量。

块级作用域中函数声明规则：

(1)允许在块级作用域中声明函数

(2)函数声明类似于var，即会提升到全局作用域或函数作用域的头部。

(3)函数声明还会提升到块级作用域的头部。

---------------------

2、函数 （箭头函数）

---

箭头函数

箭头函数this的指向时固定化的，这非常有利于封装回掉函数。this指向的固定化并不是因为箭头函数内部绑定this的机制，实际原因是箭头函数根本没有自己的this，导致内部函数的this就是外层代码块的this，正因为它没有this，所以不能作为构造函数。

(1)函数体内的this对象，就是定义时所在的对象，而不是运行时所在的对象。

(2)不可以当作构造函数，就是不能使用new命令

(3)不能使用arguments对象，该对象在函数体内不存在，如果要用，可以使用rest代替

(4)不能使用yield命令，因此箭头函数不能作为Generate函数。

（1）不需要function关键字来创建函数

es5创建函数

var aa = function() {}

es6创建函数

var aa = () => {}

(2)可以极大的简写函数

es5函数

var fn = function(a) {

return a + 5

}

可以利用箭头函数简写为：

var fn = a => a + 5;

简写规则：

当函数所传参数只有一个时，可以去掉();        eg: (a) => {}   简写为：a => {}

当函数体中只返回值，而没有其他操作时，可以去掉{}；eg: (a, b) => {return a+b} 简写为：(a, b) => a+b

（3）继承上下文的关键字this

es5继承上下文的关键字

var fn = function() {

}

fn.bind(this)

es6继承上下文的关键字

var fn = () => {}

---------------------

3、数组

---

新增常用的4个方法

（1）map --映射

let arr=[66,59,80];

let result=arr.map(item => {

if(item >= 60){

return “及格”

}else{

return “不及格”

}

});

//result:[“及格”, “不及格”, “及格”]

（2）reduce --汇总

let arr = [12,69,180,8763];

let result = arr.reduce((tmp, item, index) => {

console.log(tmp, item, index);

return tmp + item;

});

console.log(result);//求和

（3）filter --过滤

let arr=[

{title: ‘电源线’, price: 50},

{title: ‘电脑’, price: 13000},

{title: ‘键盘’, price: 120},

{title: ‘手机’, price: 9000}

];

let result=arr.filter(json=>json.price>=5000);

console.log(result);//[{title: ‘电脑’, price: 13000},{title: ‘手机’, price: 9000}]

（4）forEach --迭代

let arr=[12,5,8,9];

arr.forEach((item,index)=>{

console.log(index+': '+item); //0: 12  1: 5  2: 8  3: 9

});

4、函数的参数

（1）收集参数

function show(a, b, …args){

console.log(args)

}

show(1,2,3,4,5,6) //输出[3,4,5,6]

（2）展开数组

const arr1 = [1,2,3];

const arr2 = [4,5,6];

console.log([…arr1, …arr2]); //输出[1,2,3,4,5,6]

console.log(…arr1); //输出1，2，3

（3）默认值

const show = (a=666, b=999) => {

console.log(a); //输出666

console.log(b); //输出999

}

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

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

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

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

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

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

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

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

5qcGc?x-oss-process=image/format,png)

webpack的loader到底是什么样的？两小时带你写一个自己loader

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