英文 | https://medium.com/@girish.mehra713/javascript-tips-and-best-practices-5a73a0b3e513
翻译 | 杨小爱
JavaScript 是常用的编程语言之一，同时有数据显示，它世界上十大受欢迎的编码语言之一。当然，在前端领域里，JavaScript 是我们日常生活中不可或缺的一部分，它与 HTML 和 CSS 被为前端开发里的新三剑客，我们访问的任何网站都有它们的身影，当然，它们都各种有自己的特定的用途。所以说，JavaScript 无处不在，学习JavaScript也是每前端人必须要过的一关。JavaScript 功能强大且灵活，它允许我们以任何我们喜欢的方式编写代码，并尝试一些非常不寻常的事情，这些事情可能会导致代码中的错误。今天，我就想跟你分享一些，我在学习 JavaScript 编码的一些好用的技巧，希望对你用。
如果需要，松散相等运算符 (== OR !=) 在比较之前执行自动类型转换。就像上面的例子一样，你可以使用松散等式运算符得到意想不到的输出。
如果对象或其原型链中存在属性，则 in 运算符返回 true。
一元加号运算符 (+) 是将某些内容转换为数字的快和方法。5、使用 slice 和 padStart 掩码数字
slice() 方法将数组中的选定元素作为新数组返回，负数从数组的末尾选择。
padStart() 方法用另一个字符串填充当前字符串，直到结果字符串达到给定长度。从当前字符串的开头应用填充。
在 JavaScript 中，我们使用 console.log() 来记录变量或消息。当变量日志太多时，有时很难理解控制台中的日志对应的变量是什么。要记录变量，请将变量包装到一对大括号 {variable-name} 中，提高可读性。
使用解构赋值方法，因为它简短且富有表现力，仅在一行语句中执行。它适用于任何数据类型，如数字、字符串、布尔值或对象。8、使用 Array.every 测试数组的每个元素
Array every() 方法检查是否所有数组元素都通过了提供的函数实现的测试。如果函数对所有元素都返回 true，则终返回 true。如果函数对一个元素返回 false，则返回 false。当 every() 发现错误结果时，它将停止循环并不再继续，从而提高性能。
Nullish Coalescing Operator (??) 是一个逻辑运算符，它接受两个值，如果个值为 null 或未定义则返回第二个值，否则返回个值。
Element.scrollIntoView() 方法将指定元素滚动到窗口的查看部分。11、JSON.stringify 替换参数的威力
JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串。JSON.stringify() 的第二个参数是替换器或过滤器，可以是函数或数组。当第二个参数作为替换函数传递时，它会改变字符串化过程的行为。作为一个函数，它有两个参数，键和值被字符串化。
使用扩展运算符 (...) 有条件地将一个对象扩展为另一个对象。
将条件与 && 运算符一起使用以向对象添加新属性。如果条件匹配，它将向对象添加属性。
Falsy Bouncer 意味着从数组中删除所有虚假值。JavaScript 中的虚假值是 false、null、0、undefined、NaN 和“”（空字符串）。将布尔值作为个参数传递给 Array.filter，它将作为一个虚假的保镖。以上就是我今天跟你分享的13个关于JavaScript的技巧，不知道你学到了没有？如果没有的话，那就多看几遍。这些都是我在日常学习开发中总结下来的一些技巧和实践经验，利用这些技巧可以帮助我们提升工作效率和提升代码的可读性。
