函数执行后会自动销毁其中的数据(外界访问不到·),如果想要保存其中的数据或者变量,就可以使用闭包,闭包也可以隐藏数据,使其内的数据不会被外界轻易访问修改。
一般的做法是在函数中return另一个函数或者对象。
<script>
function hideData(){
const data = {}
return {
set:function(key, val){
data[key] = val
},
get:function(key){
return data[key]
}
}
}
const hide = hideData()
hide.set(name, 'Bob')
const result = hide.get(name)
console.log('result', result); //result Bob
data.name = 'Bob' //报错 data is not defined
</script>
如上代码,hideData函数中声明了一个data对象,外界访问不到,如果在外界直接访问就会报错data is not defined。但是这里函数的返回值为一个包含了set和get方法的对象,在外界定义变量接收函数返回值后就可以通过这个对象中的函数对data进行访问和修改。
这么做的好处是,函数中定义的变量不会污染到全局变量,全局也不会轻易访问和修改函数中的变量和数据,只能通过形如调用API的方式间接修改数据。