原文：http://www.zhufengpeixun.cn/JavaScriptmianshiti/2014-04-01/287.html < script type = "text/javascript" >
var x = 1;
var y = 0;
var z = 0;
function add(n) {
n = n + 1;
}
y = add(x);
function add(n) {
n = n + 3;
}
z = add(x);
s = y + z;
< /script>
求： y的值是？ z 的值是？ s的值是？
我相信，肯定有同学会答错，当然，不是说他们不会，而是他们可能太大意了！
我们首先看function add，两个add都没有返回值，而我们知道，没有明确返回值的，全部返回undefined，所以，y和z都会是undefined，那么s自然也就不会是一个数字了，没错，s应该是NaN
假如我们将题目改一下呢？如下：
< script type = "text/javascript" >
var x = 1;
var y = 0;
var z = 0;
function add(n) {
return n = n + 1;
}
y = add(x);
function add(n) {
return n = n + 3;
}
z = add(x);
s = y + z; < /script>
两个function add都有返回值了，那么，y,z,s会是多少呢？
不错，y和z都是4，s是8，为什么y不是2而是4呢？因为在javascript中，直接通过function申明的函数，后面定义的，会影响到之前的引用，如下：
< script type = "text/javascript" >
function x() {
alert(2)
};
x(); //output 3
function x() {
alert(3)
};
x(); //output 3
< /script>
如果是通过var来申明的函数会是什么情况呢？我们看看：
< script type = "text/javascript" >
var x = function() {
alert(0)
};
x(); //output 0
var x = function() {
alert(1)
};
x(); //output 1
x(); //output 1
< /script>
通过var申明的函数，后面定义的并不会影响前面的引用。
如果两种模式混合，又会是什么情况呢？
< script type = "text/javascript" >
function x() {
alert(2)
};
x(); //output 3
var x = function() {
alert(0)
};
x(); //output 0
var x = function() {
alert(1)
};
x(); //output 1
function x() {
alert(3)
};
x(); //output 1
< /script>
结果是这样的，你猜到了吗？
通过function定义的函数，后面定义的，照旧影响了前面的引用，但是不能改变通过var申明函数后的引用，反而，通过var申明的函数，改变了后来通过function申明函数之后的引用。
所以，如果：
< script type = "text/javascript" >
var x = function() {
alert(1)
};
x();
function x() {
alert(3)
};
x();
< /script>
后面的x()出来的也会是1。