每天一句：想說會有多少人問自己一下幾個問題“你這輩子到底要什么，要做怎么樣的人？你現(xiàn)在能夠做什么？你正在做什么？你現(xiàn)在做的事情能實(shí)現(xiàn)你的人生目標(biāo)嗎？你有真正努力過嗎？”答案告訴自己就行了...

JavaScript是一種基于對象的腳本語言，JavaScript代碼的復(fù)用單位是函數(shù)。

一、函數(shù)的定義

• 定義命名函數(shù)

  // 函數(shù)調(diào)用
  sayHello();

  // 函數(shù)定義
  function sayHello() {
    alert('hello');
  }

注意: 在同一個<script>元素中，JavaScript允許先調(diào)用函數(shù)，然后再定義該函數(shù); 但在不同的<script>元素時，必須先定義函數(shù)再調(diào)用該函數(shù)；

• 定義匿名函數(shù)

  // 無需指定函數(shù)名，   
  var fn = function(){
    document.writeln('匿名函數(shù): hello');
  };    // 注意，結(jié)尾的分號
  // 函數(shù)調(diào)用
  fn();
  
  // 不是賦值，而是調(diào)用fn函數(shù)
  oBt.onclick = fn();
  // 賦值
  oBt.onclick = fn;

二、函數(shù)的參數(shù)

• 形參: 聲明函數(shù)時括號內(nèi)定義的變量
• 實(shí)參: 函數(shù)調(diào)用時傳遞的參數(shù)
• arguments: 函數(shù)內(nèi)部隱藏的對象，保存著實(shí)參的信息
  • argunments是一個數(shù)組
  • length: 保存著實(shí)參的數(shù)量

  var a = 10;
  var b = 20;
  // 函數(shù)的參數(shù)x/y即是為形參 [形參的改變是不會影響到實(shí)參]
  function sum(x, y){
    document.writeln(arguments.length);
    document.writeln(x+y);
  }
  
    // 函數(shù)調(diào)用，a和b為實(shí)參
  sum(a, b);

   // 形參個數(shù)2個，那么x=10,y=20, 30和40被忽略
  sum(10, 20, 30, 40);

三、函數(shù)的返回值

• return 終止函數(shù)的執(zhí)行，return后的代碼不會執(zhí)行;
• return 后面有值，則將這個值返回到只執(zhí)行的地方;

  var str = sayHello('LiMing');
  alert(str);
  // 函數(shù)帶有返回值
  function sayHello(name){
    return  'hello ' + name;
  }

四、遞歸函數(shù)

遞歸函數(shù)是一種特殊的函數(shù)，遞歸函數(shù)允許在函數(shù)定義中調(diào)用函數(shù)本身；【遞歸一定要向已知點(diǎn)追溯】

  function fn1(num){
    document.writeln(num);
    if(num == 1){
      return;
    }               
    // 函數(shù)內(nèi)部，調(diào)用函數(shù)本身
    fn1( num - 1);
  }
  fn1(10);

 遞歸函數(shù)應(yīng)用:
  // 10階乘: 10 * 9 * 8 * 7 * 6  ... * 1
  function test(num){
    // 10 * test(9)    ==> 10 * 9 * 8 * 7 * 6 * 5 * 4 * 3 * 2 * 1
    // test(9): 9 * test(8);  ==>  9 * 8 * 7 * 6 * 5 * 4 * 3 * 2 * 1
    // test(8): 8 * test(7);  ==>  8 * 7 * 6 * 5 * 4 * 3 * 2 * 1
    // test(7): 7 * test(6);  ==>  7 * 6 * 5 * 4 * 3 * 2 * 1
    // test(6): 6 * test(5);  ==>  6 * 5 * 4 * 3 * 2 * 1
    // test(5): 5 * test(4);  ==>  5 * 4 * 3 * 2 * 1
    // test(4): 4 * test(3);  ==>  4 * 3 * 2 * 1
    // test(3): 3 * test(2);  ==>  3 * 2 * 1
    // test(2): 2 * test(1);  ==>  2 * 1
    // test(1): 1 
                
    // 遞歸的停止條件
    if(num == 1){
      return 1;
    }
                
    // 調(diào)用函數(shù)本身
    return num * test(num-1);
 }

// 函數(shù)調(diào)用
alert( test(4) );

五、作用域(解析過程)

域: 空間、區(qū)域、范圍;
作用: 讀、寫;
作用域: 變量、函數(shù)的讀寫范圍；

• 全局變量、全局函數(shù)、局部變量、局部函數(shù)
• 瀏覽器: JS解析器
  • a、預(yù)解析(var function 參數(shù)…)

    - 所有變量，在真正運(yùn)行代碼之前，都給賦值了未定義的值; a = 未定義;
   - 所有的函數(shù)，在正式運(yùn)行之前，都是整個函數(shù)塊; fn1 = function(){…};
   - 遇到重名的: 只留下一個; 變量和函數(shù)重名時，只留下函數(shù);
  

  • b、逐行解析 【即是修改上面?zhèn)}庫中的值】

      表達(dá)式: =  +  -  /  %  ++  ...
      例如: a = 20;
    

注意:
1、函數(shù)就是一個作用域，也即是會有JS的預(yù)解析過程!!!
2、函數(shù): 既有全局變量，又有局部變量，局部變量優(yōu)先;

案例1: 
1  var a = 1;
2  function fn1(){
3    alert(a);
4    a = 2;
5  }
6  fn1();
7  alert(a);


  a、預(yù)解析
    第1行: var a;
    第2行: fn1 = function(){ alert(a);  a = 2;  }

  b、逐行解析 
   第1行:  a = 1;

   第6行: fn1()函數(shù)調(diào)用 【函數(shù)也是一個作用域】
      a、預(yù)解析
        無任何操作
      b、逐行解析 
        第3行: alert(a);  // 輸出1
        第4行:  a = 2;

    第7行: alert(a);      // 輸出2

案例2: 
  1 var a = 1;
  2 function fn1(){
  3  alert(a);
  4  var a = 2;
  5 }
  6 fn1();
  7 alert(a);

   a、預(yù)解析
   第1行: var a;  
   第2行: fn1 = function fn1(){ alert(a); var a = 2; }

  b、逐行解析 
    第1行: a = 1;

    第6行: fn1();函數(shù)調(diào)用 【函數(shù)也是一個作用域】
      a、預(yù)解析
        第4行: var _a;  // _a表示局部變量
      b、逐行解析 
        第3行: alert(_a);  // 局部變量優(yōu)先原則，輸出的是局部變量； 輸出undefined
        第4行: _a = 2;

    第7行: alert(a);  // 輸出1

案例3:
1  var a = 1;
2  function fn1(a){
3    alert(a);  
4    a = 2; 
5  }
6  fn1();
7  alert(a);

 a、預(yù)解析
  第1行: var a;
  第2行: fn1 = function fn1(){ alert(a); var a = 2; }

 b、逐行解析
  第1行: a = 1;

  第6行: fn1();函數(shù)調(diào)用 【函數(shù)也是一個作用域】
    a、預(yù)解析
      第2行: var _a; // 參數(shù)a即是聲明一個局部變量
    b、逐行解析
      第3行: alert(_a);  // 局部優(yōu)先原則，輸出undefined
      第4行: _a = 2;

 第7行: alert(a);  // 輸出1

案例4:            
1  alert(a);    
2  var a = 1;       
3  function a(){
4    alert('1--我是函數(shù)a');
5  }
6  alert(a);    
7  var a = 3;
8  alert(a);    
9  function a(){
10    alert('2--我是函數(shù)a');
11 }
12 alert(a);    

  a、預(yù)解析
    第2行: var a;
    第3行: a = function(){  alert('1--我是函數(shù)a');  }
    第7行: var a;
    第9行: a = function(){  alert('2--我是函數(shù)a');  }  
    // 變量和函數(shù)重名時，只留下函數(shù);

    第行:
  b、逐行解析
    第1行: alert(a);  // 輸出: function(){  alert('2--我是函數(shù)a');  } 
    第2行: a = 1;
    第6行: alert(a);  // 輸出 1
    第7行: a = 3;
    第8行: alert(a);  // 輸出 3
    第12行: alert(a);  // 輸出 3