最近在弄backbone.js的时候遇到了一点问题,让我对JavaScript的变量作用域问题又理解深刻了点,在此记录下。
自定义了一个app.js,使用的backbone的语法,定义了一个View,整个app.js结构大致如下:
(function(){
var ListView = Backbone.View.extend({
});
}());
此处使用了立即执行的函数表达式写法。在jsp中我引用ListView的时候出现了异常,使用方式如下:
<script>
var list = new ListView();
</script>
异常如下:
js中已经定义了ListView的,为什么会出现未定义。无奈去掉立即执行函数表达式,app.js结构变为如下:
var ListView = Backbone.View.extend({
});
ok,执行成功,正确调用。这是什么原因呢?猜测作用域的问题,再改变app.js,变为如下:
(function(){
ListView = Backbone.View.extend({
});
}());
ok,执行成功,正确调用。去掉ListView前面的var声明居然成功了。。。。。看来var声明的作用域只在当前函数体内。
ListView = Backbone.View.extend({