写在开始
又到了一年的伊始,很多人可能因为各种原因想换一份工作,而找工作难免遇到各种各样头痛的面试题,于是我打算写一个系列,关于面试中最常见或者前端一些基础但又不是很深入了解的知识,供大家参考。
先来道开胃菜
var还是不var?
使用var定义
var a = 'hello World'
function bb(){
var a = 'hello Tom';
console.log(a);
}
bb()
console.log(a);
不使用var定义
var e = 'hello world';
function cc(){
e = 'hello Tom';
console.log(e);
}
cc()
console.log(e)
猜猜会执行什么?
其实很简单,使用var先后打印// 'hello Tom' // 'hello world'
,
不使用var先后打印// 'hello Tom' // 'hello Tom'
。
大家都知道Javascript声明变量是通过关键字var。使用var关键字是在当前域中声明变量,如果在方法中声明,则为局部变量(local varibble);如果在全局域中声明,则为全局变量。
但在非严格模式下,不通过var直接声明变量,则是全局变量,好像也不会报错,例如a = 1 console.log(a) // 1
,但这样真的没问题吗?那么执行a = 1
; 发生了什么呢?
它会尝试在当前作用域链(如果是在方法中,则当前作用域链代表全局和方法局部作用域)中解析a;如果在任何当前作用域找到a;则会对a属性赋值;如果没有找到a,它会在全局对象(当前作用域最顶层,如window对象)中创造a属性并赋值。
请注意!!!是创建一个全局对象的属性,而不是声明了一个全局变量。
或许你可能不是很明白‘声明变量’和‘创建对象属性’有什么区别。但事实上,Javascript 的变量声明、创建属性都有一定的标志去声明他们的属性如:只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。
由于‘变量声明’自带不可删除属性,比较var a = 1 跟 a = 1,前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,因此可以从全局变量中删除。
var a = 1
b = 2
console.log(delete a) // false
console.log(delete b) // true
变量提升
使用var定义:
function hh(){
console.log(a);
var a = 'hello world';
}
hh() //undefined
不使用var定义:
function hh(){
console.log(a);
a = 'hello world';
}
hh() // 'a is not defined'
还有一点很容易被忽略,在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。
这也是一个差别。
总结
1.在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了全局变量。
2.在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete。
3.使用var 定义变量还会提升变量声明。
4.在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。
写在最后
由于个人能力有限,如果文中出现任何错误,欢迎各位大神提出批评和建议,这是鄙人首次发表技术性文章,希望大家多多支持。
下期预告:前端面试你所不知道系列--伪类和伪元素
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。