简单好玩的编程代码 javascriptvoid怎么解决

文章插图
JavaScript 已经存在了相当长的一段时间（大约 26 年），在这段时间里，该语言已经有了很大的发展。
这种演变大多是有目的，特别是在最新的迭代中，开发者社区已经设法影响了其中的一些变化，使 JavaScript 成为一种非常灵活和好用的语言。
然而，在这些年的演变过程中，可以说仍有一些残余的过时功能，这些功能还没有被拿掉，但确实没有任何用途（或者更确切地说，在原本的用途方面效率不高）。
以下三个 JavaScript 特性，即使它们在运行时仍然可用，但你应避免去使用它们。
void 操作符你可能在某一时刻看到过 void 操作符的存在。在过去，每当你点击一个链接，而这个链接将触发一个 JavaScript 函数时，你会添加 href=”javascript:void(0)” 以确保默认行为（即页面跳转）不会触发。
但这究竟是什么意思呢？
void 操作符是一种在 JavaScript 中生成 undefined 值的方法。没错，它能接受任何表达式，并且每次都返回 undefined 。
我知道你在想什么：为什么不直接使用已经存在的 undefined 关键字呢？嗯，正如你看到的，在 ECMAScript 5 之前，undefined 关键字并不是一个常量值。是的，你可以定义 undefined，如果你再想一想，这不就是我们曾经想做的事情吗？
当然，这样做是没有意义的，这就是为什么最终它被重新定义为一个常量值，且不可更改。然而，因为早前你是可以改变它的，所以 void 会允许你访问 undefined，即使这个常量不再起作用。
事实上，一个很好的方法是通过创建你自己的 IIFEs 来重新定义只属于你的命名空间的常量，避免与第三方库的任何问题，其中一个参数确实是 undefined，像这样：
(function (window, undefined) {// 你这里的逻辑，可以把 undefined 当作预期})(window, void(0))当然，今天的 void 操作符仍然有它的用途，但它是非必要的。例如，在现在的 JavaScript 中，最好的用例是帮助避免单行箭头函数的非预期返回。
你可能知道，一个单行箭头函数将返回该行的结果，即使你没有显式使用 return 语句。
const double = x => x * 2; // 返回 X 乘以 2 的结果const callAfunction = () => myFunction(); // 返回 myFunction 所返回的结果，即使我不想这样做这两个函数都会返回一些东西。显然，对于 double 函数来说，你希望它返回一个值，但另一个可能不是，你可能只是想用它调用另一个函数（即 myFunction()），但你对其结果值不感兴趣。因此你可以这样做：
const callAfunction = () => void myFunction(); // 返回 myFunction 所返回的结果，即使我不想这样做而这将立即覆盖返回值，并确保你的调用值返回 undefined 。
对我来说，这种行为提供了一个最小的好处，使 void 在这个时代的 JavaScript 中毫无用处。
我建议你避免使用它，让它保持一个废弃的状态。
With 语句这个是 JavaScript 自带的结构之一，但你可能从未听说过它，因为它并没有被真正推广。事实上，即使是 MDN 官方文档也不鼓励你使用它，因为它可能导致非常混乱的代码。
with 语句允许扩展给定语句的作用域链。换句话说，它允许你将一个表达式注入到给定语句的作用域，理想情况下，可以简化所述语句。
下面是一个示例，这样你就会明白我想说什么：
function greet(user) {with(user) {console.log(`Hello there ${name}, how are you and your ${kids.length} kids today?`)}}greet({name: "Fernando",kids: ["Brian", "Andrew"]})注意 greet 函数中 with 语句的魔力。这是一个基本的示例，表明了表达式的 happy path 。但是，让我们看另一个情况，事情变得有点复杂：

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：