js学习（六）--作用域

目录

• 1.作用域
• 2.声明提前
  • 变量的声明提前
  • 函数的声明提前（P58）

1.作用域

• 作用域指一个变量的作用范围

• 在js中一共有两种作用域
  1.全局作用域（P58）

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

  2.函数作用域（P59）

  • 调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁

  • 每调用一次函数就会创建一个新的函数作用域，他们之间互相独立的

  • 在函数作用域中可以访问到全局的变量，在全局作用域中无法访问到函数作用域的变量

  • 当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用，如果没有则向上一级作用域中寻找

  • 在函数中要访问全局变量可以使用window对象--window.变量名

  • 在函数中，不使用var声明的变量都会成为全局变量（前提是要执行函数）

var c = 33;
function fun1(){
      c=10;
} 
fun1();
//在全局输出c
console.log("c= "+c);
结果：c= 10

情况二

function fun1(){
      c=10;
} 
fun1();
//在全局输出c
console.log("c= "+c);
结果：c= 10

• 定义形参就相当于在函数作用域中声明了变量
  函数中的c相当于 window.c

function fun(e){} === function fun(e){ var e }

2.声明提前

变量的声明提前

• 使用var关键字声明的变量，会在所有的代码执行之前被声明（但是不会赋值）
  但是如果声明变量时不使用var关键字，则变量不会被声明提前。有就直接使用，没有就向上一级作用域中寻找

函数的声明提前（P58）

• 使用函数声明形式创建的函数function函数(){}
  他会在所有的代码执行之前就会被创建，所以我们可以在函数声明前来调用函数

fun2();//会执行

function fun(){
      console.log(“我是一个fun函数”);
}

• 使用函数表达式创建的函数不会被声明提前，所以不能在声明前调用

fun();//不会执行

var fun = function(){

}