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)]