18 个 JavaScript 入门技巧！(含2024JavaScript面试题整理）

downloadData(

{ resourceId: 2, url: “/posts”, searchText: “WebDev” }

);

10.把普通函数改成箭头函数

---

const func = function() {

console.log(‘a’);

return 5;

};

func();

可以改写成

const func = () => (console.log(‘a’), 5);

func();

11.从箭头函数返回对象/表达式

---

const getState = (name) => ({name, message: ‘Hi’});

12. 将 set 转换为数组

---

const set = new Set([1, 2, 1, 4, 5, 6, 7, 1, 2, 4]);

console.log(set); // Set(6) {1, 2, 4, 5, 6, 7}

set.map((num) => num * num); // TypeError: set.map is not a function

转换为数组

const arr = […set]

13.检查值是否为数组

---

const arr = [1, 2, 3];

console.log(typeof arr); // object

console.log(Array.isArray(arr)); // true

14. 获取对象的所有键

---

cosnt obj = {

name: “前端小智”,

age: 16,

address: “厦门”,

profession: “前端开发”,

};

console.log(Object.keys(obj)); // name, age, address, profession

15.双问号语法

---

const height = 0;

console.log(height || 100); // 100

console.log(height ?? 100); // 0

这个 ?? 的意思是，如果 ?? 左边的值是 null 或者 undefined，那么就返回右边的值。

16. map()

---

map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。

const numList = [1, 2, 3];

const square = (num) => {

return num * num

}

const squares = numList.map(square);

console.log(squares); // [1, 4, 9]

17. try…catch…finally

---

const getData = async () => {

try {

setLoading(true);

const response = await fetch(

“https://jsonplaceholder.typicode.com/posts”

);

const data = await response.json();

setData(data);

} catch (error) {

console.log(error);

setToastMessage(error);

} finally {

setLoading(false); // 不管是否报错，最后都会执行

}

};

getData();

18. 解构

---

const response = {

msg: “success”,

tags: [“programming”, “javascript”, “computer”],

body: {

count: 5

},

};

const {

body: {

count,

unknownProperty = ‘test’

},

} = response;

console.log(count, unknownProperty); // 5 ‘test’

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

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

、源码讲义、实战项目、讲解视频**

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-mfQ5HNl5-1710581914441)]

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】