全局变量
定义在所有函数之外的变量,全局作用域的变量能够在所有的js脚本中使用:
var num=2;//全局变量
function fn(){
console.log(num);//打印变量num
}
fn();
console.log(num);//打印变量num
不管在函数体里面还是外面,num在控制台上打印结果都为2,可见全局变量可以在脚本任何地方调用并可赋与新值;但也会出现如下现象:
var num=2;//全局变量
function fn(){
var num = 1;//局部变量
console.log(num);//打印变量num
}
fn();
console.log(num);//打印变量num
函数体里面打印的num值为1,函数体外打印的num值为2;这儿也许大家就要会有疑问了,既然num是全局变量并被赋值为2,可是在函数体里面num值为什么变成了1呢,这是因为num在函数体里面被重新申明了var num = 1;
num在函数体里面被当作局部变量使用了,所以在函数体外面作为全局变量的num仍然为2。
局部变量(函数级)
定义在函数体内部的变量,只在函数内部有作用,超出函数体的范围不能进行使用
function fn(){
var num = 1;//局部变量
console.log(num);
}
fn();
console.log(num);
函数体里面控制台打印num为1,函数体外面控制台则会报语法错误,由此可见局部变量只供函数内部调用。
声明提升(预解析)
将所有使用 var 定义的变量声明部分提升到对应作用域的最顶部,变量赋值位置不变。
function test() {
console.log("循环前:" + i);
for ( var i = 5; i >= 0; i--) {
console.log("循环中:" + i);
}
console.log("循环后:" + i);
}
test();
控制台打印结果如下
函数体里在for循环前,控制台打印 i 值为undefined,这是因为使用 var 定义的变量声明部分提升到对应作用域的最顶部,变量赋值位置不变。上面代码等同于如下代码
function test() {
var i;
console.log("循环前:" + i);
for (i = 5; i >= 0; i--) {
console.log("循环中:" + i);
}
console.log("循环后:" + i);
}
test();
块级变量
let/const 定义变量(ES6,有浏览器兼容问题)
如果用let定义变量则不会出现申明提升现象 ,因为使用let/const定义的变量只能在块级中被调用,即这儿的for循环中,for循环外不能被调用。
function test() {
console.log("循环前:" + i);
for ( let i = 5; i >= 0; i--) {
console.log("循环中:" + i);
}
console.log("循环后:" + i);
}
test();
此时for循环前console.log("循环前:" + i);
代码段则会报错,因为在此之前 i 并没有被申明为变量。
使用let\const变量注意事项
1、let定义的是变量,即以后还可以修改变量中的值
2、const定义的是常量,即一旦变量中的值赋值确定,则以后不能再修改