mirror of
https://github.com/Estom/notes.git
synced 2026-02-03 10:33:35 +08:00
54 lines
4.6 KiB
Markdown
54 lines
4.6 KiB
Markdown
变量和函数都具有作用域。作用域就是变量和函数的可被访问的范围，控制着变量和函数的可见性和生命周期。
|
||
|
||
变量的作用域可被分为全局作用域和函数作用域（局部作用域）。如果变量是被定义在全局作用域的话，在 JavaScript 代码中的任何位置都可以访问该变量；如果变量是被定义在指定函数内部的话，在 JavaScript 代码中只能在该函数内访问该变量。
|
||
|
||
函数的作用域也可被分为全局作用域和函数作用域（局部作用域）。被定义在指定函数内部的函数被称之为局部函数或内部函数。
|
||
|
||
> **值得注意的是:** ECMAScript 6 之前的 JavaScript 没有语句块作用域。
|
||
|
||
## 变量的作用域
|
||
|
||
### 全局变量
|
||
|
||
在所有函数之外声明的变量，叫做全局变量，因为它可被当前文档中的其他代码所访问。具体内容如下述代码所示:
|
||
|
||
```javascript
|
||
var msg = "this is message";// 定义全局变量 msg
|
||
|
||
// 在全局作用域访问变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
|
||
function fn(){
|
||
// 在函数作用域访问变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
}
|
||
fn();
|
||
```
|
||
|
||
除了上述定义全局变量外，还有一种比较特殊的方式定义全局变量（具体用法如下述代码）。但这种特殊用法并不推荐！
|
||
|
||
```javascript
|
||
function fun(){
|
||
// 定义变量时没有使用关键字 var
|
||
msg = "this is message";
|
||
// 在函数作用域访问变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
}
|
||
fun();
|
||
|
||
// 在全局作用域访问变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
```
|
||
|
||
### 局部变量
|
||
|
||
在函数内部声明的变量，叫做局部变量，因为它只能在该函数内部访问。具体用法如下述代码所示:
|
||
|
||
```javascript
|
||
function fun(){
|
||
// 定义局部变量 msg
|
||
var msg = "this is message";
|
||
// 在函数作用域访问变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
}
|
||
fun();
|
||
|
||
// 在全局作用域访问变量 msg
|
||
console.log( msg );// 输出报错
|
||
```
|
||
|
||
### 声明提前
|
||
|
||
JavaScript 变量的另一特别之处是，你可以引用稍后声明的变量，而不会引发异常。这一概念称为变量声明提升。
|
||
|
||
JavaScript 变量感觉上是被“举起”或提升到了所有函数和语句之前。然而提升后的变量将返回 undefined 值，所以即使在使用或引用某个变量之后存在声明和初始化操作，仍将得到 undefined 值。
|
||
|
||
#### 全局变量声明提前
|
||
|
||
```javascript
|
||
console.log( msg );// 不会报错，输出 undefined
|
||
var msg = "this is message";// 定义全局变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
```
|
||
|
||
上述代码中的第一行输出不会报错，而是输出 undefined值。效果等同于如下述代码:
|
||
|
||
```javascript
|
||
var msg;// 定义全局变量 msg，但未初始化
|
||
console.log( msg );// 不会报错，输出 undefined
|
||
msg = "this is message";// 初始化全局变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
```
|
||
|
||
#### 局部变量声明提前
|
||
|
||
```javascript
|
||
function fn(){
|
||
console.log( msg );// 不会报错，输出 undefined
|
||
var msg = "this is message";// 定义全局变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
}
|
||
fn();
|
||
console.log( msg );// 输出报错
|
||
```
|
||
|
||
效果等同于如下述代码:
|
||
|
||
```javascript
|
||
function fn(){
|
||
var msg;// 定义局部变量 msg，但未初始化
|
||
console.log( msg );// 不会报错，输出 undefined
|
||
msg = "this is message";// 定义全局变量 msg
|
||
console.log( msg );// 输出 this is message
|
||
}
|
||
```
|
||
|
||
### 按值传递
|
||
|
||
按值传递就是指将实参变量的值复制一份副本给函数的形参变量。JavaScript 中为函数传递参数时，都是按值传递的。
|
||
|
||
如果向函数传递的参数是原始类型数据，则在函数中修改参数变量的值，不会影响外部实参的变量。
|
||
|
||
```javascript
|
||
var n = 100;// 全局变量n
|
||
function fun( n ){// 参数变量也是局部变量
|
||
n -= 3;// 修改的是局部变量n
|
||
console.log( n );// 输出的是局部变量n
|
||
}
|
||
fun( n );// 按值传递，方法内输出 97
|
||
console.log( n );// 输出全局变量的值 100
|
||
```
|
||
|
||
## 函数的作用域
|
||
|
||
### 全局函数
|
||
|
||
函数与变量类似，具有全局作用域和函数作用域（局部作用域）。与全局变量类似，全局函数是被定义在全局作用域的，在任何位置都可以访问或调用该函数。
|
||
|
||
```javascript
|
||
function fn( num1, num2){
|
||
console.log( num1 + num2 );// 输出 3
|
||
}
|
||
fn( 1, 2 );
|
||
```
|
||
|
||
### 内部函数
|
||
|
||
```javascript
|
||
function outer(){// 全局函数
|
||
function inner(){// 局部函数
|
||
console.log("inner");
|
||
}
|
||
inner();// 调用正常
|
||
}
|
||
inner();// 输出报错
|
||
``` |