js作用域
一、js没有块级作用域
在c,java等语言中花括号里的代码都有自己的作用域,而js花括号没有块级作用域,经常会导致一些困惑,不明所以。例如:
console.info(color);
if(true){
var color = "blue";
}
console.info(color);
输出结果:undefined blue
这里开始没有定义color变量,一般来说应该报错,可是没有,是因为if语句里定义了color变量,因为没有块级作用域,第二次输出的是blue。
上面的代码等同于下面代码:
var color;
console.info(color);
if(true){
color = "blue";
}
console.info(color);
在使用for循环的时候要注意这一点:
for(var i=0;i<10;i++){
doSomething(i);
}
console.info(i);
对于js没有块级作用域,所以会输出10。
二、声明变量
function add(num1,num2){
var sum = num1 + num2;
return sum;
}
var result = add(10,20);
console.info(result);
console.info(sum);
结果:30 Uncaught ReferenceError: sum is not defined(…)
原因:sum变量是在函数add中声明的,所以sum只能在函数中使用,不能在函数外使用。在函数中使用var声明变量,其作用域只能是在函数中
下面的代码只是将add函数中的var去掉
function add(num1,num2){
var sum = num1 + num2;
return sum;
}
var result = add(10,20);
console.info(result);
console.info(sum);
结果:30 30
原因:没有在函数内使用var关键字声明,于是在调用完add函数,将sum变量添加到全局变量中。所以即使函数执行完毕,全局也可以使用该变量。
三、搜索变量
变量的搜索是从作用链的前端开始,一级一级的搜索,如果在局部搜索到,则停止,否则一直追溯到全局环境的变量。
color="blue";
function t(){
console.log(color);
var color="red";
function s(){
var color="yellow";
console.log(color);
}
function ss(){
console.log(color);
}
s();
ss();
}
t();
console.log(color);
结果:undefined yellow red blue
原因 :第一个:js没有块级作用域,所以相当于声明,但是未定义,结果是undefined;第二个:函数s中的定义了color变量,则输出yellow;
第三个:函数ss中未声明定于color,则向作用域链上级查找,找到函数t中,结果是red;第四个:找到声明的color,结果是blue
typeof检测变量的数据类型:
"undefined"--值未定义
"boolean"--布尔值
"string"--字符串
"number"--数值
"object"--对象或者null
"function"--函数