155 lines
3.1 KiB
HTML
155 lines
3.1 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>
|
||
// var a=1
|
||
// function fn(e){
|
||
// var b=1
|
||
// c=0
|
||
// var a="l"
|
||
// console.log(window.a)
|
||
// }
|
||
// fn("a")
|
||
// console.log(e)
|
||
// console.log(c)
|
||
// console.log(b)
|
||
// a 全局变量 全局作用域
|
||
// b 局部变量（局部作用域）
|
||
|
||
// GO{
|
||
// a:undefined,
|
||
// fn:function(){}
|
||
// }
|
||
// AO{
|
||
// b:undefined,
|
||
// c:undefined,
|
||
// a:undefined,
|
||
// e:undefined
|
||
// }
|
||
// AO{
|
||
// b:undefined,
|
||
// c:undefined,
|
||
// a:undefined,
|
||
// e:"a"
|
||
// }
|
||
// AO{
|
||
// b:undefined,
|
||
// c:undefined,
|
||
// a:undefined,
|
||
// e:"a"
|
||
// }
|
||
|
||
// js 运行三部曲：语法分析 预编译 解释执行
|
||
// function fn1(){
|
||
// console.log(a) //window.a
|
||
// var a=1 //window.a
|
||
// // console.log(a)
|
||
// }
|
||
// fn1()
|
||
|
||
|
||
//AO{}
|
||
//AO{
|
||
// a：undefined==> 1
|
||
// }
|
||
|
||
// GO{
|
||
// fn:function
|
||
// }
|
||
|
||
|
||
// 预编译
|
||
// 1.分为 全局（GO）和局部 (AO)
|
||
// 2.发生什么（AO）
|
||
// 1. 创建AO对象
|
||
// 2. 去找形参 变量声明 =>undefined
|
||
// 3. 形参实参相统一
|
||
// 4. 找函数声明 值赋予函数体
|
||
|
||
|
||
|
||
// function fn(a) {
|
||
// console.log(a); function a() { }
|
||
|
||
// var a = 666;
|
||
|
||
// console.log(a); 666
|
||
|
||
// function a() { }
|
||
|
||
// console.log(a); 666
|
||
|
||
// var b = function () { };
|
||
|
||
// console.log(b); function() { }
|
||
|
||
// function c() { }
|
||
// }
|
||
|
||
// fn(1);
|
||
|
||
// AO{}
|
||
// AO{
|
||
// a:undefined,
|
||
// b:undefined,
|
||
// }
|
||
// AO{
|
||
// a:1,
|
||
// b:undefined,
|
||
// }
|
||
// AO{
|
||
// a:Function,
|
||
// b:undefined,
|
||
// c:function
|
||
// }
|
||
|
||
|
||
var a = 1;
|
||
console.log(a);
|
||
function test(a) {
|
||
console.log(a);
|
||
var a = 123;
|
||
console.log(a);
|
||
function a() { }
|
||
console.log(a);
|
||
var b = function () { }
|
||
console.log(b);
|
||
function d() { }
|
||
}
|
||
var c = function () {
|
||
console.log("I at C function");
|
||
}
|
||
console.log(c);
|
||
test(2);
|
||
// AO{}
|
||
// AO{
|
||
// a:undefined,
|
||
// b:undefined,
|
||
// c:undefined
|
||
// }
|
||
// AO{
|
||
// a:2,
|
||
// b:undefined,
|
||
// c:undefined
|
||
|
||
// }
|
||
// AO{
|
||
// a：function，
|
||
// d:function,
|
||
// b:undefined,
|
||
// c:undefined
|
||
// }
|
||
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
</body>
|
||
|
||
</html> |