Question

这是一个带有字符串的IIFE功能。内部函数不接受字符串参数，因为它在控制台

中打印undefined

//jshint esnext: true
    
(function(string) {
  var s = setTimeout((string) => {
    console.log(string);
  }, 1000);
})("Hello World!");

Answer 1

因为setTimeout()没有使用任何参数调用其回调函数：

＆＃13;

(function(string) {
  var s = setTimeout(() => {
    console.log(string);
  }, 1000);
})("Hello World!");

＆＃13;

或者，您可以将参数显式传递给回调函数，但这不是必需的：

＆＃13;

(function(string) {
  var s = setTimeout((param) => {
    console.log(param);
  }, 1000, string);
})("Hello World!");

＆＃13;

Answer 2

string内的setTimeout被setTimeout回调参数遮蔽。这可能会使您的代码目前正在做的更清楚：

(function(a) {
  var s = setTimeout((b) => {
    console.log(b);
  }, 1000);
})("Hello World!");

如果您要关闭a参数，那么就不要使用参数进行setTimeout回调：

(function(a) {
  var s = setTimeout(() => {
    console.log(a);
  }, 1000);
})("Hello World!");

Answer 3

您正在将一个函数传递给setTimeout，该函数带有一个名为string的参数。

setTimeout在调用您的回调时没有传递任何参数，因此它会获得undefined。

Answer 4

根据官方documentation将任何参数传递给内部函数，您需要在delay值之后指定它：

setTimeout（function [，delay，param1，param2，...]）

＆＃13;

(function(s) {
  var id = setTimeout(function(param) {
    console.log(param);
  }, 1000, s);
})("Hello World!");

＆＃13;

建议始终定义传递的参数，因为外部范围变量值可能会在代码中稍后更改：

＆＃13;

(function(s) {
  var id = setTimeout(function() {
    console.log(s);
  }, 1000);
  s = "Bye Bye";
})("Hello World!");

＆＃13;