JavaScript学习笔记（十一）【作用域】

全局作用域

作用域：

• 一个变量作用的范围
• JS两种作用域：
  • 全局作用域：
    • 直接编写在 script 标签中的 JS 代码，都在全局作用域
    • 全局作用域在页面打开时创建，页面关闭时销毁
    • 在全局作用域中有一个全局对象 window，代表浏览器窗口，由浏览器创建，可以直接使用
    • 全局作用域中:
      • 创建的变量都会作为 window 对象的属性保存
      • 创建的函数都会作为 window 对象的方法保存
  • 函数作用域
• 全局作用域中的变量都是全局变量，页面任何部分都可以访问到

var a=10;
console.log(window.a);//全局作用域中，创建的变量都会作为 window 对象的**属性**保存

function fun(){
  console.log("This is function")
}
window.fun();//创建的函数都会作为 window 对象的**方法**保存

变量声明提前：

• 使用 var 关键字声明的变量，会在所有的代码执行之前被声明，但是不会赋值
• 如果声明变量不使用 var 关键字，则变量不会被声明提前
• 函数的声明提前：
  • 使用函数声明形式创建的函数 function 函数名 (){}
    • 会在所有代码执行之前就被创建，优先解析，所以可以在函数声明前调用函数
  • 使用函数表达式创建的函数，不会被声明提前，所以不能在声明前调用

//函数声明会被提前创建
fun();
function fun(){
  console.log("this is function")
}

//函数表达式不会被提前创建
var fun2 = function(){
  console.log("this is function2")
}
fun2();

函数作用域：

• 调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁
• 每调用一次函数就会创建一个新的函数作用域，之间互相独立
• 函数作用域中可以访问到全局作用域变量，全局作用域无法访问到函数作用域
• 当在函数作用域中操作一个变量时，会先在自身作用域中寻找，如果有就直接使用，否则去上一级中寻找，一直会找到全局作用域，如果仍旧没找到，会报错
• 函数中想访问全局变量，使用 window.变量名
• 函数作用域中也有声明提前的特性：
  • 使用 var 关键字声明的变量，会在函数中所有的代码执行之前被声明
  • 函数中不使用 var 声明的变量都会成为全局变量
• 定义形参相当于声明了变量

var a = 10;
function fun(){
  var a = "函数中的变量 a "//就近原则
  var b = 20;
  console.log(a);
}
fun();
console.log(b)//b is not defined