runsly css知识 2022-04-19

14 个你不知道的 JavaScript 技巧

本文翻译自《Little known features of JavaScript》

人们通常认为 JavaScript 是一门很容易上手的语言，但是要做到精通却不简单。是的，这是因为 JavaScript 是一种非常古老且非常灵活的语言。它充满了神秘的语法和过时的功能。到目前为止，我已经使用 JavaScript 多年了，但是还是时不时就会发现一些我不知道的隐藏语法或技巧。

我试图列出一些鲜为人知的JavaScript功能。尽管其中一些功能在严格模式下无效，但它们仍然是完全有效的JavaScript代码。但是请注意，我不建议您开始使用所有这些功能。尽管它们绝对酷，但如果您开始使用它们，很有可能会让你的队友很生气。

此处提供了所有使用的源代码。Happy Coding！

注意：本文并不包括诸如提升（Hoisting），闭包，代理，原型继承，async-await，生成器之类的东西。虽然这些功能可能不被大部分人所了解，但它们仍然是众所周知的。

void 操作符

JavaScript 具有一元void运算符。您可能已经看到它用作void(0)或void 0。它的生命中只有一个目标——在表达式的正确位置返回**undefined**。使用“0”只是一个约定。您不一定必须使用“ 0”，它可以是任何有效的表达式void，并且仍返回**undefined。**

为什么创造了一个特殊的关键字来返回 undefined 而不是直接返回 undefined呢？听起来好像有一点冗余对吧？趣闻好吧，事实证明，在ES5之前，您实际上可以在大多数浏览器中为原始的 undefined 分配一个新值，像是 undefined =“ abc”。定义 undefined？！因此在那个时候，使用 void 是确保您始终返回原始 undefined 的一种方法。

构造函数后面的括号是可选的

是的，在调用构造函数时，我们在类名后添加的括号是完全可选的！（前提是您不需要将任何参数传递给构造函数）

以下两种代码样式均被视为有效的 JS 语法，并且结果是相同的！

IIFE 函数的括号可以省略

对于我来说，IIFE（立即调用功能表达式）的语法总是有点奇怪。

那些括号我到底应该怎么用？

事实证明，这些额外的括号仅仅是为了告诉 JavaScript 解析器即将发布的代码是函数表达式，而不是函数。可以想象，知道了这一点，有很多方法可以跳过那些多余的括号，并且仍然可以制作出有效的IIFE。

void运算符告诉解析器代码是函数表达式。因此，我们可以跳过函数定义的括号。你猜怎么着？我们可以使用任何一元运算符（void，，！，-等）来让它奏效！

太酷了！

但是，如果您是一个敏锐的观察者，您可能会想，

一元运算符不会影响IIFE返回的任何结果吗？

好吧，这会影响结果。但是，好消息是，如果您关心结果并说要将其存储在某个变量中，那么首先就不需要多余的括号。

确实如此！

我们添加这些括号只是为了提高人类可读性。

想要了解有关IIFE结帐的更多信息，可以去看看Chandra Gundamaraju的这篇很酷的文章

with 声明

您知道吗，JavaScript有一个with语句块？实际上它是JS中的关键字。编写with块的语法如下：

with(object)statement// for multiple statements add a blockwith(object){statementstatement...}

with把传入的对象的所有属性添加到当前作用域链中：

趣闻with听起来非常酷，对吧？它甚至比对象解构更好。好吧，不是这样的。通常不建议使用with语句，因为它已被弃用。在严格模式下完全禁止这样做。事实证明，使用块会增加该语言的性能和安全性问题！

译者注：不建议使用with，因为with语句将对象的成员添加到当前作用域，从而无法说出块内的变量实际指的是什么。由于难以调试和读取这些类型的功能，因此许多人认为这是一种不好的做法，可以参考以下信息了解更多：-https://eslint.org/docs/rules/no-with–https://eslint.org/docs/rules/no-new-func#disallow-function-constructor-no-new-func

Function 构造函数

函数声明不是定义新函数的唯一方法；您可以使用Function()构造函数以及new运算符动态地定义函数。

最后一个构造函数参数是函数的字符串化代码以及之前的其他参数为函数参数。

趣闻Function构造函数是 JavaScript 中所有构造函数的母亲。甚至Object的构造函数都是Function构造函数。Function自己的构造函数也是Function本身。因此，调用object.constructor.constructor ...足够的次数最终将返回JavaScript中任何对象上的Function构造函数。