js作用域

时间:2023-04-02 17:40:50

一、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"--函数