js函数作用域和对象作用域里变量的不同 00 bang’s blog

JavaScript035

js函数作用域和对象作用域里变量的不同 00 bang’s blog,第1张

函数作用域

在函数作用域上这样的结果虽然难发现,但容易理解,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

不是数组