怎么在JavaScript中使用匿名函數(shù)

怎么在JavaScript中使用匿名函數(shù)？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

一般函數(shù)：

function show1(name){
    alert(name); //打印:zhangsan
  }
show1("zhangsan");

匿名函數(shù)：

var show2 = function (name) {
    alert(name); //打印:張三
  }
show2("張三");

上面2種定義函數(shù)的區(qū)別：

1.我們知道所有的function都會(huì)在window對(duì)象里

  function show1(name){
    alert(name); //打印:張三
  }
  window.show1("張三");

即使在函數(shù)定義之前調(diào)用

  window.show1("張三");
  function show1(name){
    alert(name); //打印:張三
  }

這是因?yàn)檫@種”有名字”的函數(shù)在JS引擎初始化的時(shí)候就加載到作用域里面

2.如果是匿名函數(shù)

  window.show2("李四");
  var show2 = function (name) {
    alert(name); //打印:李四
  }

控制臺(tái)會(huì)打?。篢ypeError: window.show2 is not a function

二、如果我們需要合并上面2個(gè)函數(shù)

<script>
  function show(name) {
    return function () {
      alert(name); //內(nèi)部函數(shù)是可以調(diào)用外層的變量的
    }
  }
  show("王五");
</script>

猜猜會(huì)打印什么？什么也沒(méi)有，也不會(huì)報(bào)錯(cuò)。這是因?yàn)閳?zhí)行show()只是返回了一個(gè)函數(shù)本身，并沒(méi)有執(zhí)行這個(gè)函數(shù)。

show("王五")();

這樣執(zhí)行，就打?。和跷?/p>

如果里面的函數(shù)也要傳入變量

<script>
  function show(name) {
    return function (age) {
      alert(name); //打印:王五
      alert(age); //打印:18
    }
  }
  show("王五")(18);
</script>

<script>
  function show(name) {
    return function (name) {
      alert(name);
    }
  }
  show("王五")(18);
</script>

猜猜是打印“王五”還是“18”？只會(huì)打印“18”。

三、匿名函數(shù)的自執(zhí)行

<script>
  (function (name) {
    alert(name);  //打印:哈哈
  })("哈哈")
</script>

以上是推薦的寫(xiě)法。

其他寫(xiě)法：

  -function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

  +function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

  !function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

  [function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")]

  new function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

  ~function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

  void function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

看完上述內(nèi)容，你們掌握怎么在JavaScript中使用匿名函數(shù)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！