腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國CMS WordPress

常用工具

PHP開發(fā)工具 python Photoshop 必備軟件

輕松學(xué)習(xí)Javascript閉包函數(shù)

更新時(shí)間：2022年05月06日 15:04:47 作者：喜愛編程的人

這篇文章主要幫助大家輕松學(xué)習(xí)掌握J(rèn)avascript閉包函數(shù)，從閉包的含義出發(fā)，由淺入深學(xué)習(xí)Javascript閉包函數(shù)，感興趣的小伙伴們可以參考一下

閉包函數(shù)是什么?在開始學(xué)習(xí)的閉包的時(shí)候，大家很能都比較難理解.就從他的官方解釋來說,都是比較概念化的.

不過我們也還是從閉包的含義出發(fā)。
閉包是指函數(shù)有自由獨(dú)立的變量。換句話說，定義在閉包中的函數(shù)可以“記憶”它創(chuàng)建時(shí)候的環(huán)境。
官方解釋說完后,我們先來看一個(gè)簡單計(jì)數(shù)的例子.

var c = 0;
function count(){
c++;
}
count();// 1
count();// 2

這個(gè)例子是利用了全局變量來實(shí)現(xiàn),但是這里有個(gè)問題是,c這個(gè)變量也容易被其他方式所調(diào)用,這時(shí)候就可能會(huì)改變 c 的存儲(chǔ)值.造成這個(gè)count計(jì)數(shù)的失效.那怎么很好的處理這個(gè)問題呢!我們會(huì)想到的是使用局部變量的方式來處理.比如:

function count(){
 var c = 0;
 function add(){
  c++;
 }
 add();
}
count();// c = 1
count();// c = 1

因?yàn)檫@樣創(chuàng)建之后,內(nèi)部變量只存在于count函數(shù)創(chuàng)建執(zhí)行的時(shí)候,執(zhí)行完之后,整個(gè)函數(shù)就會(huì)被丟棄掉.就無法達(dá)到有記憶的能力.那要怎么來實(shí)現(xiàn)呢?那我們就用閉包來解決.我要重新提一次:閉包 = 函數(shù) + 環(huán)境

function count(){
  var c = 0;
  function add(){
   c++;
  }
  return add;
}
var ct = count();
ct(); // c = 1
ct(); // c = 2

這個(gè)時(shí)候我們就可以通過這個(gè)閉包來完成計(jì)數(shù)的能力.ct就是一個(gè)閉包函數(shù),內(nèi)部的環(huán)境就是這個(gè)局部變量 c. 這里我們達(dá)到的就是內(nèi)部數(shù)據(jù),外部來操作.那閉包除了這個(gè)還有什么其他功能呢?

用閉包模擬私有方法
這有點(diǎn)像JAVA的私有方法或者私有變量,只能允許自己來操作!如果外部操作,就需要設(shè)定公開的方法來操作.

var person = (function(){
  var _name = "編程的人";
  var age = 20;
  return {
   add:function(){
     age++;
   },
   jian:function(){
     age--;
   },
   getAge:function() {
     return age;
   },
   getName:function(){
     return _name;
   },
   setName: function (name) {
     _name = name;        
   }
  }
})();
person.add();
var age = person.getAge();
console.log(age)
person.setName("編程的人公眾號(hào):bianchengderen")
console.log(person.getName())

這里應(yīng)該很容易理解了吧! 有點(diǎn)面向?qū)ο缶幊痰母杏X。當(dāng)然Javascript現(xiàn)在也有面向?qū)ο缶幊痰奶攸c(diǎn).這點(diǎn)我們以后來說明.
目前為止，我們從計(jì)數(shù)到內(nèi)部私有化的例子，來說明閉包,希望大家能簡單明白其中的道理，當(dāng)然閉包還有其他的功能利用是比較方便的。

以上就是本文的全部內(nèi)容，希望對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: