06JavaScript基礎(chǔ)

核心知識(shí)點(diǎn)

函數(shù)
2. 函數(shù)中的參數(shù)
2. 函數(shù)中的返回值

今日學(xué)習(xí)目標(biāo)

能夠完成函數(shù)相關(guān)案例
2. 能夠理解函數(shù)中的參數(shù)
2. 能夠理解函數(shù)中的返回值

函數(shù)

為什么要學(xué)函數(shù)？

1.求 1到100之間的數(shù)字之和

什么是函數(shù)？

函數(shù)的概念

函數(shù)： 可以封裝一段特定功能代碼，然后通過(guò)函數(shù)名調(diào)用，實(shí)現(xiàn)對(duì)該段代碼重復(fù)使用

函數(shù)的作用

實(shí)現(xiàn)代碼的重復(fù)使用。 ? 對(duì)分散代碼整合（封裝） ? 重復(fù)使用

創(chuàng)建函數(shù)

方式一： 函數(shù)聲明及執(zhí)行方式（推薦）

? 函數(shù)的聲明：function 自定義函數(shù)名() {具體的功能代碼} 注意：1. 由于函數(shù)是用來(lái)實(shí)現(xiàn)某種特定功能代碼，所以一般我們?cè)O(shè)置函數(shù)名的時(shí)候，以動(dòng)詞開(kāi)始。2. 函數(shù)不能自己執(zhí)行代碼，需要通過(guò)函數(shù)名調(diào)用實(shí)現(xiàn)代碼的執(zhí)行? 調(diào)用函數(shù)（執(zhí)行函數(shù)）函數(shù)名(); //函數(shù)的調(diào)用

方式二：函數(shù)表達(dá)式（字面量）及執(zhí)行方式（了解）

var fn = function () {} fn();

課堂一練

1. 將比較數(shù)字大小封裝到一個(gè)函數(shù)中 2. 寫(xiě)一個(gè)函數(shù)，求1-100之間所有數(shù)的和 3. 通過(guò)函數(shù)方式實(shí)現(xiàn)：判斷一個(gè)數(shù)字是基數(shù)還是偶數(shù) 4. 通過(guò)函數(shù)的方式實(shí)現(xiàn)： 在頁(yè)面中打印一個(gè)10行直角三角形 5. 格式化日期的封裝 yyyy-mm-dd hh:mm:ss

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

思考： 利用函數(shù)如何計(jì)算任意兩個(gè)數(shù)字之和？

形參

在 函數(shù)創(chuàng)建時(shí)，在小擴(kuò)號(hào)中定義的變量語(yǔ)法： function 函數(shù)名(形參,形參,形參...) {//形參，就是一個(gè)占位符，命名規(guī)則和規(guī)范和變量一樣//函數(shù)體 }注意：1 函數(shù)也可以做為參數(shù)進(jìn)行傳遞

實(shí)參

實(shí)參，在函數(shù)調(diào)用時(shí)，在小擴(kuò)號(hào)中所傳入的實(shí)際的數(shù)據(jù)。語(yǔ)法： 函數(shù)名(數(shù)據(jù),數(shù)據(jù),數(shù)據(jù)...); //實(shí)參，就是實(shí)際的數(shù)據(jù)

課堂一練

? 求 n - m 之間的數(shù)字之和 ? 求圓的面積 （3.14 * r*r）? 求3個(gè)數(shù)中的最大值 ? 判斷一個(gè)數(shù)是奇數(shù)還是偶數(shù) ? 求5個(gè)數(shù)的總和

函數(shù)的返回值

思考： 如何在函數(shù)外面獲取到上面代碼計(jì)算出的任意兩個(gè)數(shù)之和？

返回值：函數(shù)執(zhí)行完后，可以把執(zhí)行的結(jié)果 通過(guò) return 語(yǔ)法 返回給 調(diào)用者

function add(num1，num2){ //函數(shù)體 return num1 + num2; // 注意：return 后的代碼不執(zhí)行 } var resNum = add(21,6); // 調(diào)用函數(shù)，傳入 兩個(gè)實(shí)參，并通過(guò) resNum 接收函數(shù)返回值 alert(resNum);// 27注意：1. 如果函數(shù)沒(méi)有顯示的使用 return語(yǔ)句 ，那么函數(shù)有默認(rèn)的返回值：undefined2. 如果函數(shù)中寫(xiě)了return語(yǔ)句，后面沒(méi)有寫(xiě)任何其他內(nèi)容，那么函數(shù)的返回值依然是 undefined3. 一個(gè)函數(shù)只能有一個(gè)返回值4. return 代碼執(zhí)行完成后，后面的代碼不再執(zhí)行5. 函數(shù)也可以作為返回值（理解）

課堂一練

1.獲取數(shù)組中最大值，并返回2.將一個(gè)數(shù)組中所有偶數(shù)添加到一個(gè)新數(shù)組中返回，并計(jì)算新數(shù)組總和。3 寫(xiě)一個(gè)函數(shù)，判斷是否是閏年【能被4整除且不能被100整除，或者能被400整除】

課后練習(xí)

1. 寫(xiě)一個(gè)函數(shù)，實(shí)現(xiàn)對(duì)數(shù)字?jǐn)?shù)組的排序。 2. 寫(xiě)一個(gè)函數(shù)，用戶輸入任意兩個(gè)數(shù)字,獲取最大值并返回 統(tǒng)計(jì)班級(jí)學(xué)生就業(yè)薪資，計(jì)算總薪資 和 平均薪資。統(tǒng)計(jì)班級(jí)學(xué)生就業(yè)薪資，計(jì)算薪資超過(guò)15000的人的個(gè)數(shù)。給一個(gè)不重復(fù)的數(shù)字?jǐn)?shù)組，求最大值和最大值的在數(shù)組中的位置給一個(gè)字符串?dāng)?shù)組，將數(shù)組中的每一個(gè)數(shù)據(jù)拼接在一起，每個(gè)數(shù)據(jù)之間用 | 符合拼接。 如： ‘張三|李四|王五’給一個(gè)數(shù)字?jǐn)?shù)組，該數(shù)組中有很多數(shù)字0，將不為0的數(shù)據(jù)存入到一個(gè)新的數(shù)組中

函數(shù)其他部分

arguments的使用

? 思考： 1. 如果一個(gè)函數(shù)的參數(shù)個(gè)數(shù)不確定該如何獲取？2. 演示console.log()中不同個(gè)數(shù)參數(shù)的效果3. 介紹arguments對(duì)象? 通過(guò) arguments獲取到函數(shù)參數(shù)的個(gè)數(shù) 【不確定函數(shù)到底有多少個(gè)參數(shù)】? 總結(jié)：1. 如果函數(shù)參數(shù)不確定，可以定義函數(shù)的時(shí)候不寫(xiě)參數(shù)，通過(guò)arguments獲取2. 如果函數(shù)的參數(shù)確定，那么推薦定義函數(shù)的時(shí)候?qū)憛?shù)課堂案例:1. 求任意個(gè)數(shù)中的最大值2. 求任意個(gè)數(shù)的和

匿名函數(shù)和自調(diào)用函數(shù)

? 匿名函數(shù)： 沒(méi)有函數(shù)名的函數(shù) 例如： var fn = function () {} ?總結(jié)：1. 匿名函數(shù)不能單獨(dú)使用2. 可以將匿名函數(shù)賦值給一個(gè)變量3. 可以讓匿名函數(shù)自己調(diào)用自己（自調(diào)用函數(shù)【匿名函數(shù)】）? 自調(diào)用函數(shù)： 函數(shù)封裝好，立即執(zhí)行。總結(jié)：1. ( function () {} )(); ? 函數(shù)屬于一種數(shù)據(jù)類型 ? 函數(shù)作為參數(shù) ? 函數(shù)可以為返回值

函數(shù)作用域及局部變量

作用域

? 思考： 在函數(shù)內(nèi)部定義的變量，在函數(shù)外部能否訪問(wèn)該變量作用域： 變量或者函數(shù)可以起作用的區(qū)域◆ 全局作用域（全局變量）1，在script標(biāo)簽中或者js文件中定義的變量，在任何地方都可以訪問(wèn)2,在函數(shù)內(nèi)部聲明變量不使用var關(guān)鍵字 （不建議使用）◆ 局部作用域（局部變量）1， 在函數(shù)內(nèi)部定義的變量2， 局部變量只能在定義變量的函數(shù)中使用◆ 塊級(jí)作用域 （目前所學(xué)版本沒(méi)有，新版本語(yǔ)義中有塊級(jí)作用域）{塊級(jí)作用域} 1. 本質(zhì)上塊級(jí)作用域中的變量在外部不能訪問(wèn)2. 但是在js中可以訪問(wèn)塊級(jí)作用域的變量（證明js沒(méi)有塊級(jí)作用域）

全局作用域（全局變量）

聲明在所有函數(shù)外部的變量，可以所有地方使用

局部作用域（局部變量）

聲明在某個(gè)函數(shù)內(nèi)部的變量或函數(shù)的形參，只能在函數(shù)內(nèi)部使用

作用域鏈

作用域鏈：當(dāng)訪問(wèn)一個(gè)變量時(shí)，會(huì)先從本作用域中去找這個(gè)變量，若找不到則向上一級(jí)作用域中去找，依次類推，就形成了一個(gè)作用域鏈。

作用域鏈面試題

? 分析代碼執(zhí)行結(jié)果var a = 1;function fn1(){var a = 2;function fn2(){console.log(a); //a的值 }fn2()}fn1();? 分析代碼執(zhí)行結(jié)果function f1 () {var num = 123;function f2 () {console.log( num );}f2 ();} var num = 456;f1();

代碼預(yù)解析

? 代碼在執(zhí)行前會(huì)進(jìn)行預(yù)解析。1. 變量聲明提升，把變量提升到當(dāng)前作用域的最上面，不包括賦值2. 函數(shù)聲明提升，把函數(shù)提升到當(dāng)前作用域的最上名，不包括函數(shù)的調(diào)用

總結(jié)

以上是生活随笔為你收集整理的javaScrip第五天（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。