关于javascript函数声明的问题

Question

当一个 javascript 函数以下列方式声明时，这意味着什么：

JSON.stringify = JSON.stringify || function (obj)
{
  //stuff
};

上面的声明与下面的声明有何不同？

function stringify(obj)
{
  //stuff
}

Answer 1

|| 是一个逻辑运算符，它总是返回第一个正确的结果。如果 JSON.stringify 未定义（或其他一些虚假值），则 JSON.stringify 包含在 || 之后编写的函数。

换句话说，它检查 JSON.stringify 是否已存在，如果不存在，则将第二个函数分配给它。

要回答第一个示例中的问题，您的函数可以通过 JSON.stringify() 调用，在第二个示例中可以通过 stringify() 调用

Answer 2

第一个代码块相当于：

if ( !JSON.stringify ) {
    JSON.stringify = function(obj) {
        // stuff
    };
}

说明：如果 JSON.stringify 属性强制为 false，则设置此属性并将函数对象分配给它。

背景是这样的：有些浏览器实现了 JSON.stringify 函数，有些浏览器则没有（例如老版本的 IE）。您想要的是在这些浏览器中手动实现此功能。因此，您测试 JSON.stringify 是否返回函数对象。确实如此，你就没事了；如果没有，您可以手动设置此属性。

---

另一个例子：

function handler(e) {
    e = e || window.event;

    // handle event
}

现代浏览器将事件对象传递到事件处理程序中；但旧版本的 IE 不会这样做。因此，您需要测试传入的参数是否是一个对象（是否已定义？），如果不是（IE 检测到！），则使用 window.event 值（这就是 IE存储相应的事件）。

这行代码的作用是：

e = e || window.event;

它相当于：

if ( e ) {
    e = e; // no-op
} else {
    e = window.event;
}

Answer 3

如果函数 stringify 已经被定义，则不会被定义超过一次。

Answer 4

第一种方法将声明该函数（如果该函数已经存在）。

JSON.stringify = JSON.stringify || function (obj){
}

这意味着 JSON.stringify 存在，它将使用它，否则它将创建一个新函数。

Answer 5

它利用短路评估。 并非所有浏览器都支持 JSON.stringify，因此，如果未定义 JSON.stringify，则将其替换为备份函数。

此外，语法可能有点令人困惑。它首先检查 JSON.stringify，如果它不存在，则创建 function(obj) { ... } （即 中的部分） { ... } 与前面的 JSON.stringify 无关）。

Answer 6

• function stringify 将在全局作用域（如果您尚未位于另一个作用域内，例如另一个函数或哈希）或您当前所在的作用域内声明该函数。

  示例：

  function a() { ... } /* 全局作用域 */
  function a() { function b() { ... } /* a() 函数的作用域 */ }
  

• JSON.stringify = function 将在 JSON 对象上定义函数。

  示例：

  <前><代码>JSON = {}
  JSON.stringify = function() { ... } /* 您现在可以在 JSON 对象上调用 stringify() */

• JSON.stringify || function 仅当之前未定义时才会定义它。

  示例：

  <前><代码>JSON = {}
  JSON.stringify = function() { ... }
  JSON.stringify = JSON.stringify || function() { ... } /* 不会被替换 */

Answer 7

如果函数已经存在，第一个声明不会覆盖该函数，第二个声明会覆盖该函数！

Answer 8

上面的代码检查 JSON.stringify 函数是否已经定义，如果是，则使用它，如果不使用新定义。