JS中的变量与函数中的属性的区别

代码1：

<script type="text/javascript">
function Sing()  
    {  
    alert(author + "：" + poem);  //此函数内的变量是函数外定义的全局变量
    };  
    var author = "李白";  
    var poem = "汉家秦地月，流影照明妃。一上玉关道，天涯去不归";  
    Sing();  //能正常运行
</script>

解析：
author和poem两个变量被定义了，所以能在Sing()方法中被调用到，能正常运行。这是常见的一种方法。

代码2

<script type="text/javascript">
function Sing()  
    { 
      with(arguments.callee)  
      alert(author + "：" + poem); //此函数内的变量是在函数定义之外赋值的 
    };  
    Sing.author = "李白";  
    Sing.poem = "汉家秦地月，流影照明妃。一上玉关道，天涯去不归";  
    Sing();  //能正常运行
</script>

解析：
with 的作用 就是 暂时修改作用域链；
with(arguments.callee)
alert(author + “：” + poem);
等价于
alert(arguments.callee.author + “：” + arguments.callee.poem);

arguments.callee表示函数内的变量是在函数定义之外赋值的

代码3

<script type="text/javascript">
function Sing()  
    {  
          alert(author + "：" + poem);  
    };  
    Sing.author = "李白"; //这是对函数一个属性的赋值

    Sing.poem = "汉家秦地月，流影照明妃。一上玉关道，天涯去不归"; 

    Sing();  //运行错误
</script>

解析：
如果没有arguments.callee，Sing函数的属性和函数里的变量没有关系，这里就会因为author和poem没有定义而运行出错。