分享一些JavaScript中鲜为人知的隐藏语法或技巧

// void operator
void 0                  // returns undefined
void (0)                // returns undefined
void &＃39;abc&＃39;              // returns undefined
void {}                 // returns undefined
void (1 === 1)          // returns undefined
void (1 !== 1)          // returns undefined
void anyfunction()      // returns undefined

为什么要创建一个特殊的关键字来返回undefined而不是仅仅返回undefined? 听起来有点多余，不是吗?

有趣的事实

实际上，在ES5之前，在大多数浏览器中，可以为原始的 undefined = "abc"分配一个新值。所以，在那些日子里，使用void是一种确保始终返回 undefine 的原始值的方法。

构造函数括号是可选的

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

下面的两种代码风格都被认为是有效的 JS 语法而且结果都是一样!

// Constructor with brackets
const date = new Date()
const mOnth= new Date().getMonth()
const myInstance = new MyClass()

// Constructor without brackets
const date = new Date
const mOnth= (new Date).getMonth()
const myInstance = new MyClass

可以省略 IIFE（立即执行函数）的括号

IIFE (立即调用的函数表达式)的语法对我来说总是有点奇怪，为什么要有那么多的括号？

实际上，这些额外的括号只是为了告诉Javascript解析器，即将解析的的代码是一个函数表达式，而不是函数。知道了这一点，你可以想象，有很多方法可以省略那些额外的括号，仍然可以使用 IIFE 有效的工作。

// IIFE

(function () {
  console.log(&＃39;正常形式的 IIFE 调用&＃39;)
})()

// 清爽的 IIEF 
void function() {
  console.log(&＃39;酷酷的 IIFE 调用&＃39;)
}()

void 操作符告诉解析器代码是函数表达式。因此，我们可以跳过函数定义周围的括号。你猜怎么着? 我们可以使用任何一元运算符(void， +， !， -等等)，这仍然有效!

这是不是比原始的写法简单而且 B 格多了呢？

但是，如果你是一个敏锐的观察者，你可能会想，一元运算符不会影响 IIFE 返回的结果吗？

它会影响结果。但好消息是，如果你只要的返回的结果并将其存储在某个变量中，那么就不需要额外的括号。

function greet () {
  if (greet.locale === &＃39;ch&＃39;) {
    console.log(&＃39;中国，你好&＃39;)
  } else if (greet.locale === &＃39;jp&＃39;) {
    console.log(&＃39;扣你机哇!&＃39;)
  } else {
    console.log(&＃39;Hello World&＃39;)
  }
}

greet() // Hello World
greet.locale = &＃39;ch&＃39;;
greet() // 中国，你好

具有静态变量的函数

另一个类似的例子。比方说，希望实现一个生成有序数字序列的数字生成器。通常您将使用带有静态计数器变量的 Class 或 IIFE 来跟踪最后一个值。这样我们就限制了对计数器的访问，同时也避免了使用额外的变量污染全局空间。

但是，如果我们希望能够灵活地读取甚至修改计数器，而又不污染全局空间，该怎么办呢?

我们仍然可以创建一个类，有一个计数器变量和一些额外的方法来读取它;或者我们可以偷懒，使用函数自定义的属性。

在这里，所有表达式都将被求值，结果变量将被赋值给expressionN返回的值。

我们经常在for循环中使用了逗号操作符

for (var a = 0, b = 10; a <= 10; a++, b--)

有时在一行中编写多个语句

function getNextValue() {    return counter++, console.log(counter), counter
}

或者

const getSquare = x => (console.log (x), x * x)

+ 加号操作符号

想要快速地将字符串转换为数字吗?

只需在字符串前面加上+运算符。加号运算符也适用于负数、八进制、十六进制、指数值。更重要的是，它甚至可以转换 Date 或者 Moment.js对象的时间戳!

推荐教程：《Javascript视频教程》

以上就是分享一些Javascript中鲜为人知的隐藏语法或技巧的详细内容，更多请关注 第一PHP社区 其它相关文章！