在函数作用域上这样的结果虽然难发现,但容易理解,var是声明局部变量,js在函数执行之前会把作用域内所有用var声明抽到头部统一生成,就是说
(function(){
alert(document)
var document
})
//等价于
(function(){
var document
alert(document)
})
在执行alert(document)访问document变量时,先从当前作用域寻找这个变量,如果当前作用域没有这个变量,会通过作用域链一层层往上寻找。若没有var document,就会找到上层的window.document。在这里当前作用域声明了document这个变量,优先访问这个变量,因为这个变量只声明未赋值,此时document==undefined。
在函数作用域下是这样的,但全局作用域下就不同了。
对象作用域
先看看raphelguo提供的的例子:
var obj = {a : 1}
with (obj) {
var a = 2
}
alert(obj.a) //2
with (obj) {
a = 5
}
alert(obj.a) //5
可以看到在obj作用域下,var变量声明已经失去了作用,无论有没有用var声明变量,对变量赋值都是等价于对当前obj的属性赋值。换句话说var是用来声明局部变量的,但在对象作用域内并没有地方存储局部变量,所以var是无效的。
再回来看看最初的例子,就很容易理解了,浏览器上在全局作用域下等价于在window这个对象下执行代码:
with(window) {
alert(document)
var document
}
这时var document完全无作用,alert出来的自然是window.document了。
看来,js的变量不是存在函数里,就是存在对象(包括宿主对象如window)里,要区分这两种情况的不同避免遇到坑。
因为无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要:方一:通过length属性:一般情况下对象没有length属性值,其值为undefiend,而数组的length值为number类型
缺点:非常不实用,当对象的属性存在length,且其值为number(比如类数组),则该方法失效,不建议使用,看看即可。
*方二:通过instanceof来判断区分
var arr = [1, 2, 3] var obj = {name: 'lyl',age: 18,1: 'name'}console.log(arr instanceof Array)//trueconsole.log(obj instanceof Array)//false
*方三:通过constructor
var arr = [1, 2, 3] var obj = {name: 'lyl',age: 18,1: 'name'}console.log(arr.constructor === Array)//trueconsole.log(obj.constructor === Array)//false
1、使用typeof操作符检测变量类型数组、Null、Object
为
object
类型
字符串
为
string
类型
true和false
为
boolean
类型
整型、浮点型为
number
类型
2、如果要区分数组和非数组对象,需要使用构造函数来判断
if(arr.constructor==Array)
//
arr
是数组
else
//
arr
不是数组