每天一句：想說會有多少人問自己一下幾個問題“你這輩子到底要什么，要做怎么樣的人？你現在能夠做什么？你正在做什么？你現在做的事情能實現你的人生目標嗎？你有真正努力過嗎？”答案告訴自己就行了...
JavaScript是一種基于對象的腳本語言，JavaScript代碼的復用單位是函數。
一、函數的定義
- 定義命名函數
// 函數調用
sayHello();
// 函數定義
function sayHello() {
alert('hello');
}
注意: 在同一個<script>元素中，JavaScript允許先調用函數，然后再定義該函數; 但在不同的<script>元素時，必須先定義函數再調用該函數；
- 定義匿名函數
// 無需指定函數名，
var fn = function(){
document.writeln('匿名函數: hello');
}; // 注意，結尾的分號
// 函數調用
fn();
// 不是賦值，而是調用fn函數
oBt.onclick = fn();
// 賦值
oBt.onclick = fn;
二、函數的參數
- 形參: 聲明函數時括號內定義的變量
- 實參: 函數調用時傳遞的參數
- arguments: 函數內部隱藏的對象，保存著實參的信息
- argunments是一個數組
- length: 保存著實參的數量
var a = 10;
var b = 20;
// 函數的參數x/y即是為形參 [形參的改變是不會影響到實參]
function sum(x, y){
document.writeln(arguments.length);
document.writeln(x+y);
}
// 函數調用，a和b為實參
sum(a, b);
// 形參個數2個，那么x=10,y=20, 30和40被忽略
sum(10, 20, 30, 40);
三、函數的返回值
- return 終止函數的執行，return后的代碼不會執行;
- return 后面有值，則將這個值返回到只執行的地方;
var str = sayHello('LiMing');
alert(str);
// 函數帶有返回值
function sayHello(name){
return 'hello ' + name;
}
四、遞歸函數
遞歸函數是一種特殊的函數，遞歸函數允許在函數定義中調用函數本身；【遞歸一定要向已知點追溯】
function fn1(num){
document.writeln(num);
if(num == 1){
return;
}
// 函數內部，調用函數本身
fn1( num - 1);
}
fn1(10);
遞歸函數應用:
// 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;
}
// 調用函數本身
return num * test(num-1);
}
// 函數調用
alert( test(4) );
五、作用域(解析過程)
域: 空間、區域、范圍;
作用: 讀、寫;
作用域: 變量、函數的讀寫范圍；
- 全局變量、全局函數、局部變量、局部函數
- 瀏覽器: JS解析器
- a、預解析(var function 參數…)
- 所有變量，在真正運行代碼之前，都給賦值了未定義的值; a = 未定義; - 所有的函數，在正式運行之前，都是整個函數塊; fn1 = function(){…}; - 遇到重名的: 只留下一個; 變量和函數重名時，只留下函數;- b、逐行解析 【即是修改上面倉庫中的值】
表達式: = + - / % ++ ... 例如: a = 20;
注意:
1、函數就是一個作用域，也即是會有JS的預解析過程!!!
2、函數: 既有全局變量，又有局部變量，局部變量優先;
案例1:
1 var a = 1;
2 function fn1(){
3 alert(a);
4 a = 2;
5 }
6 fn1();
7 alert(a);
a、預解析
第1行: var a;
第2行: fn1 = function(){ alert(a); a = 2; }
b、逐行解析
第1行: a = 1;
第6行: fn1()函數調用 【函數也是一個作用域】
a、預解析
無任何操作
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、預解析
第1行: var a;
第2行: fn1 = function fn1(){ alert(a); var a = 2; }
b、逐行解析
第1行: a = 1;
第6行: fn1();函數調用 【函數也是一個作用域】
a、預解析
第4行: var _a; // _a表示局部變量
b、逐行解析
第3行: alert(_a); // 局部變量優先原則，輸出的是局部變量； 輸出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、預解析
第1行: var a;
第2行: fn1 = function fn1(){ alert(a); var a = 2; }
b、逐行解析
第1行: a = 1;
第6行: fn1();函數調用 【函數也是一個作用域】
a、預解析
第2行: var _a; // 參數a即是聲明一個局部變量
b、逐行解析
第3行: alert(_a); // 局部優先原則，輸出undefined
第4行: _a = 2;
第7行: alert(a); // 輸出1
案例4:
1 alert(a);
2 var a = 1;
3 function a(){
4 alert('1--我是函數a');
5 }
6 alert(a);
7 var a = 3;
8 alert(a);
9 function a(){
10 alert('2--我是函數a');
11 }
12 alert(a);
a、預解析
第2行: var a;
第3行: a = function(){ alert('1--我是函數a'); }
第7行: var a;
第9行: a = function(){ alert('2--我是函數a'); }
// 變量和函數重名時，只留下函數;
第行:
b、逐行解析
第1行: alert(a); // 輸出: function(){ alert('2--我是函數a'); }
第2行: a = 1;
第6行: alert(a); // 輸出 1
第7行: a = 3;
第8行: alert(a); // 輸出 3
第12行: alert(a); // 輸出 3
