吊装功能表达式

Question

据我所知，只有函数表达式的声明部分被提升而不是初始化。 例如：

var myFunction = function myFunction() {console.log('Hello World');};

所以“var myFunction;”被提升，但“function myFunction()...”没有。

现在我的问题是，我玩了一下 google auth 功能：

"use strict";

$(document).ready = (function() {
  var clientId = 'MYCLIENTID';
  var apiKey = 'MYAPIKEY';
  var scopes = 'https://www.googleapis.com/auth/drive https://www.googleapis.com/auth/drive.readonly https://www.googleapis.com/auth/drive.appfolder https://www.googleapis.com/auth/drive.apps.readonly https://www.googleapis.com/auth/drive.file https://www.googleapis.com/auth/drive.install https://www.googleapis.com/auth/drive.metadata https://www.googleapis.com/auth/drive.metadata.readonly https://www.googleapis.com/auth/drive.photos.readonly https://www.googleapis.com/auth/drive.scripts';

  $('#init').click(function() {
    gapi.client.setApiKey(apiKey);
    window.setTimeout(checkAuth(false, handleAuthResult), 1);
  });

  var checkAuth = function checkAuth(imm, callback) {
    gapi.auth.authorize({
      client_id: clientId,
      scope: scopes,
      immediate: imm
    }, callback);
  };

  var handleAuthResult = function handleAuthResult(authResult) {
    if (authResult) {
      gapi.client.load('drive', 'v2', initialize);
    } else {
      $('#progress').html('Anmeldung fehlgeschlagen');
    }
  };

  // Other code
})();

在第 10 行“window.setTimeout(checkAuth...”上，我调用了在该函数调用下方声明的 checkAuth 函数。我的假设是我收到一个错误消息“...checkAuth 不是函数/未定义等. ...”，但它确实有效。有人可以向我解释一下吗？

Answer 1

这是因为当元素上的实际点击事件被触发时，checkAuth 的值然后在范围内可用。您期望的错误会以这种方式发生：

checkAuth(false, ...); // the symbol is available, but...

// its value is assigned here
var checkAuth = function checkAuth() {
    /* more code */
};

注意checkAuth()的直接调用之前它是在上面的sn-p中分配的。

在调用点可用的 是名为checkAuth 的符号；但是，它的值稍后会被分配。因此错误 checkAuth is not a function 而不是 checkAuth is undefined。

Answer 2

命名函数的声明是different 来自将函数分配给变量。 This article 通过示例详细说明了这一点。为了完整起见，我在这里引用了重要部分：

我们首先要了解一个函数的区别 表达式和函数声明。顾名思义，一个 函数表达式将函数定义为表达式的一部分（在 这种情况下将其分配给变量）。这类功能可以 要么是匿名的，要么他们可以有一个名字。

...函数声明总是定义为命名函数 成为任何表达式的一部分。

...函数表达式只有在定义后才能调用 而函数声明前后都可以执行 这是定义

如果删除函数名，您将得到预期的错误：

 var checkAuth = function(imm, callback) {
    gapi.auth.authorize({
      client_id: clientId,
      scope: scopes,
      immediate: imm
    }, callback);
  };

此外，您似乎错误地使用了 setTimeout：

window.setTimeout(checkAuth(false, handleAuthResult), 1);

将立即执行 checkAuth 而不是延迟它，如果你想延迟 checkAuth 的执行你可以将它包装在一个匿名函数中：

window.setTimeout(function() { checkAuth(false, handleAuthResult) }, 1);