15个常用的JavaScript简写技巧，2024年最新值得推荐

c = 12;

// 简写

let [a, b, c] = [5, 8, 12];

3、 三元运算符

---

if(a = true){

console.log(1);

}else{

console.log(2);

}

// 简写

a = true ?  console.log(1) :  console.log(2);

4. 赋默认值

---

我们可以使用 || 运算符来给一个变量赋默认值

let imagePath;

let path = getImagePath();

if(path !== null && path !== undefined && path !== ‘’) {

imagePath = path;

} else {

imagePath = ‘default.jpg’;

}

// 简写

let imagePath = getImagePath() || ‘default.jpg’;

5、与运算符 (&&)

---

如果你只有当某个变量为 true 时调用一个函数，那么你可以使用与 (&&)运算符形式书写

if (isLoggedin) {

goToHomepage();

}

// 简写

isLoggedin && goToHomepage();

6、交换两个变量

---

为了交换两个变量，我们通常使用第三个变量。但是我们也可以使用数组解构赋值来交换两个变量。

let x = ‘Hello’, y = “javaScript”;

const temp = x;

x = y;

y = temp;

// 简写

[x, y] = [y, x];

7、箭头函数

---

function add(num1, num2) {

return num1 + num2;

}

// 简写

const add = (num1, num2) => num1 + num2;

8、模板字符串

---

我们一般使用 + 运算符来连接字符串变量。使用 ES6 的模板字符串，我们可以用一种更简单的方法实现这一点。

console.log('You got a missed call from ’ + number + ’ at ’ + time);

// 简写

console.log(You got a missed call from ${number} at ${time});

9、多条件检查

---

对于多个值匹配，我们可以将所有的值放到数组中，然后使用indexOf()或includes()方法。

if (value === 1 || value === ‘one’ || value === 2 || value === ‘two’) {

// Execute some code

}

// 简写方法 1

if ([1, ‘one’, 2, ‘two’].indexOf(value) >= 0) { // indexOf 返回下标 没有则返回-1

// Execute some code

}

// 简写方法 2

if ([1, ‘one’, 2, ‘two’].includes(value)) { // includes 返回 turn / false

// Execute some code

}

10、对象属性复制

---

如果变量名和对象的属性名相同，那么我们只需要在对象语句中声明变量名，而不是同时声明键和值。JavaScript 会自动将键作为变量的名，将值作为变量的值。

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

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

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

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

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

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

最后

---

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

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

以才有恒心一直学下去。

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