js面试必备:变量

作用域: JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6中新增了块级作用域,
var: ECMAScript 5中声明变量的,由于没有块级作用域导致for和if等语句声明变量之后在作用域外还能访问

for(var i=0;i<=10;i++){ 
		var sum=0; 
		sum+=i; 
} 
console.log(sum);//10

let: 只在let命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

const: const声明一个只读的常量。一旦声明,常量的值就不能改变。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址 。const只能保证这个指针是固定的(即总是指向另一个固定的地址)

const foo = {};

// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only

变量提升

前置知识:通常JS引擎会在正式执行之前先进行一次预编译,在这个过程中,首先将变量声明(不包括定义)及函数声明提升至当前作用域的顶端,然后进行接下来的处理。
js面试必备:变量

a = 1;
var a;
console.log(a); //1

在这个代码中有一点js基础的同学会认为,打印出来的是undefind,结果并不是这样,这是因为在预编译阶段a通过变量提升,被提升到前面

实际是这样的:
var a;
a=1;
console.log(a); //1

再看看这一道题:

console.log(v1);//undefined
var v1 = 100;
function foo() {
    console.log(v1);//undefined
    var v1 = 200;
    console.log(v1);//200
}
foo();
console.log(v1);//100

为什么第一个v1是undefined?
这是由于定义变量分为两个阶段:变量声明和变量定义(即: var v1 和v1=100)
变量声明是在预编译阶段执行的,所以v1已经存在,但没有赋值,所以就是undefiind。
在函数内部也由于作用域的原因所以第二个v1也是undefined。

声明方式 块级作用域 变量提升 重复声明
var 没有 可以
let 没有 不可以
const 没有 不可以
上一篇:【代码质量管理工具】——sonar


下一篇:mobilenet v1