JavaScript 秘密：成为编码奇才！-css教程-PHP中文网

JavaScript 秘密：成为编码奇才！

Susan Sarandon

发布： 2024-11-24 05:18:09

原创

303 人浏览过

JavaScript SECRETS: Become a coding wizard!

JavaScript 充满了小秘密，当你使用它们时，它们会让你感觉自己像个巫师？‍♂️。

让我们探索其中的一些。

1。 “Void”运算符的魔力：为什么它不仅仅适用于函数！

您可能见过 void 在 void(0) 或 javascript:void(0) 等上下文中使用，但您是否知道它的作用比您想象的要多得多？？

JavaScript 中的 void 运算符对表达式求值，但始终返回未定义的值。它通常用于停止不需要的页面刷新（尤其是链接中的 href 属性），但这里有一个很酷的技巧？：您可以使用它来停止函数的任何返回值。

示例：停止函数返回任何内容：

function surprise() {
  console.log("This function does not return anything.");
  return 42;
}

const result = void surprise();
console.log(result); // undefined

登录后复制

通过使用void，我们可以防止surprise()的返回值被分配给result。当您想要做一些事情来消除其副作用而不担心返回值时，这非常有用。

2。 Double Bang (!!)：将任何内容转换为布尔值

当然，Boolean() 将值转换为 true 或 false，但是双感叹号 (!!) 是许多开发人员不知道的快捷方式。第一个！否定该值，第二个 !再次对其取反——有效地将其转换为布尔值。这绝对是秘密武器！？

这是一个有趣的例子：

const name = "Alice";
const hasName = !!name;
console.log(hasName); // true

登录后复制

您可以使用此技巧快速检查变量是否为“truthy”或“falsy”（例如，字符串是否不为空，或者数字是否不为零？ ).

3。 JavaScript 的 eval() 函数：谨慎使用！

您以前可能听说过 eval()，大多数人像躲避瘟疫一样避开它，因为它在运行时评估代码字符串，如果使用不当，可能会导致安全问题⚠️。但如果以受控、安全的方式使用，它可以成为动态执行的强大工具。

这是一个奇怪但很酷的示例：动态评估字符串内的代码！

const x = 10;
const y = 20;
const result = eval('x + y');
console.log(result); // 30

登录后复制

谨慎使用它 ⚖️ — eval() 应该小心处理，尤其是在处理用户输入时。

4。符号类型的隐藏力量：创建独特的键

符号是 JavaScript 中最少使用但最有趣的功能之一。它们是唯一和不可变，通常用于为对象属性创建“隐藏”键。当您需要确保属性名称不会意外地与另一个名称冲突时，符号就是您的秘密武器。？

符号可以使用Symbol()创建，并保证是唯一的：

const uniqueKey = Symbol("myUniqueKey");
const obj = {
  [uniqueKey]: "This is a secret value"
};

console.log(obj[uniqueKey]); // "This is a secret value"

登录后复制