es6有閉包。在es6中，在一個函數內部創建另一個函數，把內嵌的函數稱為閉包，它可以存取外部函數的局部變數；簡單來說，閉包指有權存取另一個函數作用域中變數的函數。閉包的主要作用：延伸了變數的作用範圍。由於閉包會讓函數中的變數都保存在記憶體中，記憶體消耗很大，所以不能濫用閉包，否則會造成網頁的效能問題，在IE中可能導致記憶體外洩。
本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。
一、變數作用域
變數依作用域的不同分為兩種：全域變數和局部變數。
函數內部可以使用全域變數。
函數外部不可以使用局部變數。
當函數執行完畢，本作用域內的局部變數會銷毀。
二、什麼是閉包？
在es6中，閉包（closure）指有權存取另一個函數作用域中變數的函數。簡單理解：一個作用域可以存取另外一個函數內部的局部變數。
閉包：在一個函數內部建立另一個函數，把內嵌的函數稱為閉包，它可以存取外部函數的局部變數
// fun 这个函数作用域 访问了另外一个函数 fn 里面的局部变量 num
function fn(){
let num = 10
function fun(){
console.log(num)
}
fun()
}
fn() //10登入後複製
閉包的主要作用：延伸了變數的作用範圍。
// fn 外面的作用域可以访问fn 内部的局部变量
function fn(){
let num = 10
// 方法一: 先定义再返回函数
function fun(){
console.log(num)
}
return fun //返回 fun函数
}
let f = fn()
f() //10登入後複製
// fn 外面的作用域可以访问fn 内部的局部变量
function fn(){
let num = 10
// 方法二: 直接返回函数
return function(){
console.log(num)
}
}
let f = fn()
f() //10登入後複製
三、閉包的使用場景
#（1）用來傳回值
//以闭包的形式将 name 返回
function fun(){
let name = 'woniu'
//定义闭包
return function f1(){
return name
}
}
let ft = fun() //因为fun函数的返回值是f1函数，ft实质是一个函数
let na = ft() //调用ft函数，实际调用的就是f1函数
console.log(na); //woniu登入後複製
#（2）函數賦值：在函數內部定義函數表達式
var f2
function fn(){
let name = '曹操'
f2 = function(){ //闭包，将外部函数的name变量作为闭包的返回值
return name
}
}
fn() //必须先调用fn函数，否则f2不是一个函数
console.log(f2()); //曹操登入後複製
（3）把閉包當作函數的參數
function fn(){
let name = '蜗牛学苑'
//定义闭包
return function callback(){
return name
}
}
let f1 = fn() //将fn函数的返回值callback赋给f1
function f2(temp){
console.log(temp()) //输出temp函数的返回值,实际调用了闭包callback
}
//调用f2函数：将f1作为实参传递给temp
f2(f1)登入後複製
（4）立即執行函數中使用閉包
//立即执行函数
(function(){
let name = '蜗牛学苑'
let f1 = function(){
return name
}
fn2(f1) //调用fn2函数，将闭包f1作为实参传递给fn2函数
})()
function fn2(temp){ //temp是一个形参，接收f1
console.log(temp()); //对temp的调用，实际调用的是闭包f1
}登入後複製
（5）循環賦值
(function(){
for (let i = 1; i <= 10; i++) {
(
function(j){
setTimeout(function(){
console.log(j);
},j*1000)
}
)(i)
}
})()登入後複製
（6）將閉包封裝到物件中
function fun(){
let name = '蜗牛学苑'
setName = function(na){ //setName是闭包，用来设置外部函数的变量值
name = na
}
getName = function(){ //getName是闭包，用来返回外部函数的变量值
return name
}
//外部fun函数的返回值，将闭包封装到对象中返回
return {
setUserName:setName,
getUserName:getName
}
}
let obj =fun() //将fun函数返回值（对象）赋给obj
console.log('用户名：',obj.getUserName()) //蜗牛学苑
obj.setUserName('石油学苑')
console.log('用户名：',obj.getUserName()) //石油学苑登入後複製
（7）透過閉包實現迭代
let arr = ['aa','bb','cc']
function fn(temp){ //外部函数的返回值是闭包
let i = 0
//定义闭包：迭代获取数组元素并返回
return function(){
return temp[i++] || '数组已经遍历结束'
}
}
let f1 = fn(arr)
console.log(f1()) //aa
console.log(f1()) //bb
console.log(f1()) //cc
console.log(f1()) //数组已经遍历结束登入後複製
(8)、首次區分（相同的參數，函數不會重複執行）
var fn = (function(){
var arr = [] //用来缓存的数组
return function(val){
if(arr.indexOf(val) == -1){ //缓存中没有则表示需要执行
arr.push(val) //将参数push到缓存数组中
console.log('函数被执行了',arr); //这里写想要执行的函数
} else {
console.log('此次函数不需要执行');
}
console.log('函数调用完打印一下，方便查看缓存的数组：',arr);
}
})()
fn(10)
fn(10)
fn(1000)
fn(20)
fn(1000)登入後複製
注意
（1）搞清除誰是閉包函數
（2）分清楚閉包的傳回值、外部函數的回傳值
#四、閉包總結
沒有產生閉包，因為並沒有局部變量，所以訪問到的是全域變數The Window
let name = 'The Window'
let object = {
name: 'My Object',
getNameFunc(){
return function(){
return this.name
}
}
}
let f = object.getNameFunc()
console.log(f()) //The Window登入後複製
產生了閉包：因為this 在函數內部被賦值給了that，指向的是object 這個物件。
let name = 'The Window'
let object = {
name: 'My Object',
getNameFunc(){
let that = this
return function(){
return that.name
}
}
}
let f = object.getNameFunc()
console.log(f()) //My Object登入後複製
使用閉包的注意點
1）由於閉包會使得函數中的變數都保存在記憶體中，記憶體消耗很大，所以不能濫用閉包，否則會造成網頁的效能問題，在IE中可能導致記憶體外洩。解決方法是，在退出函數之前，將不使用的局部變數全部刪除。
2）閉包會在父函數外部，改變父函數內部變數的值。所以，如果你把父函數當作物件（object）使用，把閉包當作它的公用方法（Public Method），把內部變數當作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數內部變數的值。
【推薦學習：javascript影片教學】
#
以上是es6有閉包嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
