每天一句：想說會有多少人問自己一下幾個問題“你這輩子到底要什么辩涝，要做怎么樣的人？你現(xiàn)在能夠做什么勘天？你正在做什么怔揩？你現(xiàn)在做的事情能實現(xiàn)你的人生目標嗎？你有真正努力過嗎脯丝？”答案告訴自己就行了...
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ù)調(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ù)應(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ù)…)
- 所有變量酷窥，在真正運行代碼之前，都給賦值了未定義的值; a = 未定義; - 所有的函數(shù)伴网，在正式運行之前蓬推，都是整個函數(shù)塊; fn1 = function(){…}; - 遇到重名的: 只留下一個; 變量和函數(shù)重名時，只留下函數(shù);- b澡腾、逐行解析 【即是修改上面?zhèn)}庫中的值】
表達式: = + - / % ++ ... 例如: 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
