使用这11个代码，可以大大地简化我们的代码。

如果对象嵌套很深，我们这写法就难以阅读，这时可以使用?来简化：

if (!!toto.a?.b?.c) { … } // toto.a.b.c exist

// 如果键不存在，返回 undefined。

const test = toto.a?.b?.c?.d // undefined

4. 如果if中返回值时， 就不要在写 else

经常会看到这种写法：

if (…) {

return ‘toto’

} else {

return ‘tutu’

}

如果if有返回值了，可以这样写：

if (…) {

return ‘toto’

}

return ‘tutu’

5.避免forEach，多使用filter、 map、 reduce、 every 、some

作为初学者，我们使用了很多forEach函数，但 JS 为我们提供了很多选择，而且这些函数是FP（函数式编程）。

filter

filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

const toto = [1, 2, 3, 4]

// 过滤奇数

const evenValue = toto.filter(currentValue => {

return currentValue % 2 == 0

}) // [2, 4]

map

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

const toto = [1, 2, 3, 4]

const valueMultiplied = toto.map(currentValue => {

return currentValue * 2

}) // [2, 4, 6, 8]

reduce

reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。

const toto = [1, 2, 3, 4]

const sum = toto.reduce((accumulator, currentValue) => {

return accumulator += currentValue

}, 0) // 10

Some & Every

some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。

every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。

什么时候使用？

所有项目都符合一个条件可以用 every

const toto = [ 2, 4 ]

toto.every(val => val % 2 === 0) // true

const falsyToto = [ 2, 4, 5 ]

falsyToto.every(val => val % 2 === 0) // false

只要一个符合条件就行，用some

const toto = [ 2, 4, 5 ]

toto.some(val => val % 2 !== 0) // return true

6.不要使用 delete 来删除属性

从一个对象中 delete 一个属性是非常不好的（性能不好），此外，它还会产生很多副作用。

但是如果你需要删除一个属性，你应该怎么做？

可以使用函数方式创建一个没有此属性的新对象，如下所示：

const removeProperty = (target, propertyToRemove) => {

const { [propertyToRemove]: _, …newTarget } = target

return newTarget

}

const toto = { a: 55, b: 66 }

const totoWithoutB = removeProperty(toto, ‘b’) // { a: 55 }

7.仅当对象存在时才向其添加属性

有时，如果对象已经定义了属性，我们需要向对象添加属性，我们可能会这样写：

const toto = { name: ‘toto’ }

const other = { other: ‘other’ }

// The condition is not important

const condition = true

if (condition) {

other.name = toto.name

}

❌不是很好的代码

✅ 可以用一些更优雅的东西!

const condition = true

const other = {

other: ‘other’,

…condition && { name: ‘toto’ }

}

8. 使用模板字符串

在 JS 中学习字符串时，我们需要将它们与变量连接起来

const toto = ‘toto’

const message = 'hello from ’ + toto + ‘!’ // hello from toto!

如果还有其它变量，我们就得写很长的表达式，这时可以使用模板字符串来优化。

const toto = ‘toto’

const message = hello from ${toto}! // hello from toto!

9. 条件简写

当条件为 true 时，执行某些操作，我们可能会这样写：

if(condition){

toto()

最后

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

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

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

[外链图片转存中…(img-CKCQl7rD-1715828504000)]

[外链图片转存中…(img-N9zfApp9-1715828504000)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

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