HTML：
<script type="text/javascript"> var x = "overriden"; </script> <script src="myjs.js"></script>
myjs.js：
$(document).ready(function(){
var x = x || "default val";
alert(x); // this alerts "default val" and not "overriden"
});
由于某些原因,x最终会被设置为“默认值”,而不是“覆盖”,即使最初我将其设置为“覆盖”,甚至将脚本引用包含在myjs.j中.
解决方法
应用变量声明起重之后的内容：
var x;
x = 5;
$(document).ready(function(){
var x;
x = x || "default";
});
它看起来最近的x,并看到它的值是未定义的,这是一个错误的值,所以x被设置为“默认”.
如果他们在同一个范围内,你会很好,因为这些声明总是被提升到以上作业：
var x = 5; var x = x || "default";
其实就是
var x; x = 5; x = x || "default";
这被提出是完全没有意义的：
$(document).ready(function(){
x = x || "default";
});
如果没有定义x,它将抛出一个ReferenceError.
所以要么在同一个范围内进行检查,要么执行以下操作：
$(document).ready(function(){
var x = window.x || "default";
});
无效的属性读取不会引起ReferenceError,而只是返回undefined.
