113 lines
2.7 KiB
HTML
113 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<script>
|
||
// 目标 ：从全局访问函数内部的变量
|
||
// 方法1
|
||
// function f1() {
|
||
// var n = 999;
|
||
// return {
|
||
// n:n
|
||
// }
|
||
// }
|
||
|
||
// alert(f1().n)
|
||
|
||
// 方法2：
|
||
// function f1() {
|
||
// var n = 999;
|
||
// function show(){
|
||
// return n
|
||
// }
|
||
// show()
|
||
// }
|
||
// alert(f1()) //undefined F1函数没有返回值
|
||
// alert(show()) // show is not defined show()在函数f1的作用域中
|
||
// alert(f1()) //undeined F1函数没有返回值
|
||
|
||
// 作用域：
|
||
//
|
||
// window
|
||
// f1
|
||
// n
|
||
// show
|
||
|
||
// function f1() {
|
||
// var n = 999;
|
||
// function show(){
|
||
// return n
|
||
// }
|
||
// return show()
|
||
// }
|
||
// alert(f1())
|
||
|
||
// 方法三
|
||
// function f1(){
|
||
// var n=999;
|
||
// function show(){
|
||
// alert(n)
|
||
// }
|
||
// show()
|
||
// }
|
||
|
||
// f1()
|
||
|
||
function f1(){
|
||
var n=999;
|
||
function add(){
|
||
return n++
|
||
}
|
||
return add() //函数返回值
|
||
}
|
||
console.log(f1()) //999
|
||
var res=f1() //999
|
||
console.log(f1()) //999
|
||
|
||
// GO: f1
|
||
// ao: n, add
|
||
|
||
|
||
|
||
|
||
function f1(){
|
||
var n=999;
|
||
function add(){
|
||
return n++
|
||
}
|
||
return add //函数体
|
||
}
|
||
var res=f1() //通过return add 将add赋给res
|
||
// console.log(res)
|
||
// add 其实就是 全局访问f1中变量的一个桥
|
||
console.log(res()) //999
|
||
console.log(res()) //1000
|
||
|
||
|
||
// GO: f1,
|
||
// res:add
|
||
// AO: n
|
||
// add
|
||
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<h3>作用域</h3>
|
||
<p>
|
||
函数内部的变量叫局部变量 只能再函数体内部访问 外部无法访问。 前提是 声明变量的方式是var
|
||
如果变量前面没有修饰，那么它就是 全局变量
|
||
</p>
|
||
<p>
|
||
闭包的形式上是父级函数返回的是子函数的函数体，从全局变量接收后就相当于把子函数塞给go，执行后不会被销毁
|
||
</p>
|
||
<p>
|
||
闭包的用处：一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。
|
||
</p>
|
||
</body>
|
||
|
||
</html> |