每天一句：想說會有多少人問自己一下幾個問題“你這輩子到底要什么亏钩，要做怎么樣的人莲绰？你現(xiàn)在能夠做什么？你正在做什么姑丑？你現(xiàn)在做的事情能實現(xiàn)你的人生目標嗎？你有真正努力過嗎辞友？”答案告訴自己就行了...
JavaScript是一種基于對象的腳本語言栅哀，JavaScript代碼的復用單位是函數(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ù)調(diào)用時傳遞的參數(shù)
arguments: 函數(shù)內(nèi)部隱藏的對象搔驼，保存著實參的信息
argunments是一個數(shù)組
length: 保存著實參的數(shù)量
var a = 10;
var b = 20;
// 函數(shù)的參數(shù)x/y即是為形參 [形參的改變是不會影響到實參]
function sum(x, y){
document.writeln(arguments.length);
document.writeln(x+y);
}
// 函數(shù)調(diào)用谈火，a和b為實參
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ù)本身；【遞歸一定要向已知點追溯】
function fn1(num){
document.writeln(num);
if(num == 1){
return;
}
// 函數(shù)內(nèi)部扭粱，調(diào)用函數(shù)本身
fn1( num - 1);
}
fn1(10);
遞歸函數(shù)應用:
// 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霜旧、預解析(var function 參數(shù)…)
- 所有變量错忱，在真正運行代碼之前，都給賦值了未定義的值; a = 未定義;
- 所有的函數(shù)挂据，在正式運行之前以清，都是整個函數(shù)塊; fn1 = function(){…};
- 遇到重名的: 只留下一個; 變量和函數(shù)重名時，只留下函數(shù);
b崎逃、逐行解析 【即是修改上面?zhèn)}庫中的值】
表達式: = + - / % ++ ...
例如: a = 20;
注意:
1掷倔、函數(shù)就是一個作用域，也即是會有JS的預解析過程!!!
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巴柿、預解析
第1行: var a;
第2行: fn1 = function(){ alert(a); a = 2; }
b凛虽、逐行解析
第1行: a = 1;
第6行: fn1()函數(shù)調(diào)用 【函數(shù)也是一個作用域】
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();函數(shù)調(diào)用 【函數(shù)也是一個作用域】
a钉迷、預解析
第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睡蟋、預解析
第1行: var a;
第2行: fn1 = function fn1(){ alert(a); var a = 2; }
b、逐行解析
第1行: a = 1;
第6行: fn1();函數(shù)調(diào)用 【函數(shù)也是一個作用域】
a枷颊、預解析
第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夭苗、預解析
第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
作者：西門奄
鏈接：http://www.reibang.com/u/77035eb804c3
來源：簡書
簡書著作權歸作者所有题造，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權并注明出處傍菇。
