欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript閉包的簡單應用

 更新時間:2017年09月01日 10:35:55   作者:Mr.曹  
這篇文章主要為大家詳細介紹了JavaScript閉包的簡單應用,具有一定的參考價值,感興趣的小伙伴們可以參考一下

閉包定義

在JavaScript中,當一個內部函數被其外部函數之外的變量引用時,就形成了一個閉包。簡單說,閉包就是能夠讀取其他函數內部變量的函數。

閉包的作用:

1. 可以讀取函數內部的變量
2. 讓這些變量的值始終保持在內存中。
閉包簡單應用

例一:

function a() { 
  var i = 0; 
 function b() {
  console.log(++i);
 } 
 return b;
}      
var c = a();  //執(zhí)行完var c=a()后,變量c指向了函數b,再執(zhí)行c()后就會顯示i的值(為1)。
c();    //輸出1

例二:

(function() { 
var i = 0; 
 return function(){
   console.log(++i);
  }
})()();     //輸出1

例三:

(function(i) { 
 return function(){
   console.log(++i);
  }
})(0)();     //輸出1

例四:

for (var i = 0; i < 3; i++) {
 setTimeout((function(i) {    
  return function() {
   console.log(i);
  };
 })(i), 2000);
 console.log(i+10);
}      //輸出 10 11 12 (隔兩秒后)0 1 2

例五:

for (var i = 0; i < 3; i++) {
 setTimeout((function(i) {
  return function() {
   console.log(i);
  };
 })(i)(), 2000);
 console.log(i+10);
}      //立即輸出 0 10 1 11 2 12 ,(兩秒后運行程序結束)

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • js獲取當前日期前七天的方法

    js獲取當前日期前七天的方法

    這篇文章主要介紹了js獲取當前日期前七天的方法,涉及javascript中for語句及日期操作的技巧,需要的朋友可以參考下
    2015-02-02
  • 理解javascript對象繼承

    理解javascript對象繼承

    這篇文章主要幫助大家理解javascript對象繼承,先從一個問題出發(fā),引入javascript對象繼承相關知識,感興趣的小伙伴們可以參考一下
    2016-04-04
  • highcharts.js數據綁定方式代碼實例

    highcharts.js數據綁定方式代碼實例

    這篇文章主要介紹了highcharts.js數據綁定方式代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • 微信小程序開發(fā)數據緩存基礎知識辨析及運用實例詳解

    微信小程序開發(fā)數據緩存基礎知識辨析及運用實例詳解

    這篇文章主要介紹了微信小程序開發(fā)數據緩存基礎知識辨析及運用實例詳解,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-11-11
  • 基于JavaScript寫一款EJS模板引擎

    基于JavaScript寫一款EJS模板引擎

    這篇文章主要介紹了基于JavaScript寫一款EJS模板引擎,基本語法就是定義render函數,接收html字符串,和data參數,下面其他具體介紹,需要的朋友可以參考一下
    2022-02-02
  • electron打包dist為可執(zhí)行程序的實現(xiàn)步驟

    electron打包dist為可執(zhí)行程序的實現(xiàn)步驟

    這篇文章主要介紹了electron打包dist為可執(zhí)行程序的實現(xiàn)步驟,文中通過代碼示例和圖文講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
    2024-04-04
  • JavaScript實現(xiàn)div的鼠標拖拽效果

    JavaScript實現(xiàn)div的鼠標拖拽效果

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)div的鼠標拖拽效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • javascript彈出帶文字信息的提示框效果

    javascript彈出帶文字信息的提示框效果

    這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關操作技巧,需要的朋友可以參考下
    2016-07-07
  • JS制作手機端自適應縮放顯示

    JS制作手機端自適應縮放顯示

    允許網頁寬度自動調整的"自適應網頁設計"到底是怎么做到的?下面我們就來通過示例來探討下。
    2015-06-06
  • 使用20行JS代碼實現(xiàn)屏幕錄制功能

    使用20行JS代碼實現(xiàn)屏幕錄制功能

    在開發(fā)中可能有遇到過屏幕錄制的需求,無論是教學、演示還是游戲錄制,都需要通過屏幕錄制來記錄和分享內容,MediaRecorder?是一種強大的技術,可以在瀏覽器端實現(xiàn)屏幕錄制功能,本文將介紹如何使用JS?MediaRecorder?實現(xiàn)屏幕錄制,需要的朋友可以參考下
    2023-11-11

最新評論