JS中的变量

时间:2020-01-09
本文章向大家介绍JS中的变量,主要包括JS中的变量使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

JS中的变量是函数作用域,在嵌套作用域中创建的变量可用于整个函数。

如下:

function f1(){
  var n = 5;
  if(true){
    var n = 10;
  }
  console.log(n); // 10
}
f1();

 结果输出 10,原因是if语句中的变量 n 覆盖了外层的变量 n ;

在ES6中,改用let定义变量,

function f1(){
  let n = 5;
  if(true){
    let n = 10;
  }
  console.log(n); // 5
}
f1();

 输出结果是所期望的。

 

使用var声明变量和使用let声明变量的一个区别就在于,前者是函数作用域,后者是块级作用域额,而且是在块中所出现的位置上初始化。因此对于使用let声明的变量,你无法在声明之前进行访问。而使用var生命的变量,访问顺序并不重要。

function fooey(){
  console.log(foo);
  let foo = 100;
}
fooey();

 报错。下面看看使用var定义变量

function fooey(){
  console.log(foo);
  var foo = 100;
}
fooey();

 输出undefined

 

 

 

下面再看一个例子:

for(var i = 0; i<5; i++){
  console.log('hello'+i);
}
console.log(i);

 输出如下:

 

 改用let定义变量:

for(let i = 0; i<5; i++){
  console.log('hello'+i);
}
console.log(i);

 输出如下:

 

 因为i是let创建的,故其作用域被限制在for循环中,该变量在作用域中之外是不可见的。

$flag 上一页 下一页