javascript - 有人能解释一下这两个 JS 代码片段之间的区别吗？

Question

有人可以解释一下这两个代码片段之间的区别吗？有什么真正的功能差异吗？一个比另一个优越吗？

isIPad = function() {
    return navigator.userAgent.match(/iPad/i) != null;
};


isIPad = (function isIPad() {
    return navigator.userAgent.match(/iPad/i) != null;
}());

Answer 1

第一个变量将存储一个函数，该函数将根据设备是否是 iPad 返回一个 bool 值。

var thisIsAnIPad = isIPad()
if(thisIsAnIPad) {
  console.log('This is an iPad!');
}

第二个变量立即计算 bool 结果并存储它。您可以立即使用该值。

if(isIPad) {
  console.log('This is an iPad!');
}

这两种方法在客观上都不是优越的。它们都有不同的用例。例如，如果您只想知道某个时间点用户是否在使用 iPad，那么您可以使用第二个选项。

如果它是一个需要多次重新计算的值(也许用户代理正在更改？)，那么第一个选项更可取。

但是，第二种方法可以简化为

isIPad = navigator.userAgent.match(/iPad/i) != null;

这比其他选项的内存效率更高。