2022年JavaScript程序設(shè)計(jì)基礎(chǔ)教案

1、重慶市工業(yè)學(xué)校教案第 2 學(xué)期課程名稱： JavaScript 程序設(shè)計(jì)基礎(chǔ)授課班級(jí)：軟件與信息服務(wù) 101 總學(xué)時(shí)數(shù)：（每周 8 學(xué)時(shí)共 15 周）任課老師（簽字）教 研 組 運(yùn)算機(jī)教研組長(zhǎng)（簽字）科主任（簽字）重 慶 市 工 業(yè) 學(xué) 校 教 案授課班級(jí)軟件 10.1 授課日期第四周 星期一第 1 次課課題常量、變量 1、常量和變量的概念； 2、常量和變量的用法 常量和變量的用法 變量的用法以講授式方法為主及啟示式、列舉式方法為幫助的教學(xué)方式；作業(yè)完成情形目的要求 重點(diǎn)教學(xué)難點(diǎn)教學(xué)方式 評(píng)判方式教學(xué)引入：第一依據(jù)同學(xué)情形完成“5+1” 的教學(xué)任務(wù)；依據(jù)日常生活中一些數(shù)量在肯定條 件下是不會(huì)發(fā)

2、生轉(zhuǎn)變的,一些數(shù)量常常會(huì)發(fā)生轉(zhuǎn)變的特性引入本堂課的內(nèi)空；教學(xué)內(nèi)容、教學(xué)方法及教學(xué)評(píng)判設(shè)計(jì) ：一、先復(fù)習(xí)關(guān)鍵字、數(shù)據(jù)類型的一些學(xué)問(wèn)；二、新課：1、常量：當(dāng)程序運(yùn)行時(shí),值始終不發(fā)生轉(zhuǎn)變的量為常量（為程序供應(yīng)固定的和精確的值（包括數(shù)值和字符串）Constant ）；常量主要用于；數(shù)、字符規(guī)律值真（true ）、規(guī)律值假（ false ）等都是常量；聲明常量使用 const 來(lái)進(jìn)行聲明；語(yǔ)法：const 常量名：數(shù)據(jù)類型 =值；常量在程序中定義后便會(huì)在運(yùn)算機(jī)中肯定的位置儲(chǔ)備下來(lái),在該程序沒(méi)有終止之 前,它是不發(fā)生變化的；假如在程序中過(guò)多地使用常量,會(huì)降低程序的可讀性和 可保護(hù)性,當(dāng)一個(gè)常量在程序內(nèi)被多

3、次引用時(shí),可以考慮在程序開(kāi)頭處將它設(shè)置 為變量,然后再引用；當(dāng)此值需要修改時(shí),就只需更換其變量的值就可以了,既 削減出錯(cuò)的機(jī)會(huì),又可以提高工作效率；2、變量：變量是指程序中一個(gè)已經(jīng)命名的儲(chǔ)備單元,它的主要作用就是為數(shù)據(jù)操作提 供存放信息的容器；對(duì)于變量的使用第一必需明確變量的命名規(guī)章、變量的聲明 與賦值以及變量的作用域等；A、JavaScript 變量的命名規(guī)章如下：（1）必需以字母或下劃線開(kāi)頭,中間可以是數(shù)字、字母或下劃線；（2）變量名不能包含空格或加號(hào)、減號(hào)等符號(hào)；（3）不能使用 JavaScript 中的關(guān)鍵字；（4）JavaScript 的變量名是嚴(yán)格區(qū)分大小寫的；例如,UserNam

4、e與 username 就代表兩個(gè)不同的變量,這一點(diǎn)肯定要特殊留意；說(shuō)明：雖然JavaScript的變量可以任意命名,但是在進(jìn)行編程的時(shí)候,最好仍是使用便于記憶、且有意義的變量名稱,以增加程序的可讀性；B、變量的聲明在 JavaScript中,使用變量前需要先聲明變量,全部的JavaScript變量都由關(guān)鍵字 var 聲明,語(yǔ)法格式如下：var variable; 在聲明變量的同時(shí)也可以對(duì)變量進(jìn)行賦值：var variable=11; 聲明變量時(shí)所遵循的規(guī)章如下；（1）可以使用一個(gè)關(guān)鍵字 var 同時(shí)聲明多個(gè)變量,例如：var a,b,c / 同時(shí)聲明 a、b 和 c3 個(gè)變量（2）可以在聲明

5、變量的同時(shí)對(duì)其賦值,即為初始化,例如：var i=1;j=2;k=3; / 同時(shí)聲明 i 、j 和 k3 個(gè)變量,并分別對(duì)其進(jìn)行初始化（3）假如只是聲明白變量,并未對(duì)其賦值,就其值缺省為 undefined ；（4）var 語(yǔ)句可以用作 for 循環(huán)和 for/in循環(huán)的一部分,這樣就使循環(huán)變量的聲明成為循環(huán)語(yǔ)法自身的一部分,使用起來(lái)比較便利；（5）也可以使用var語(yǔ)句多次聲明同一個(gè)變量,假如重復(fù)聲明的變量已經(jīng)有一個(gè)初始值,那么此時(shí)的聲明就相當(dāng)于對(duì)變量的重新賦值；當(dāng)給一個(gè)尚未聲明的變量賦值時(shí),JavaScript會(huì)自動(dòng)用該變量名創(chuàng)建一個(gè)全局變量；在一個(gè)函數(shù)內(nèi)部,通常創(chuàng)建的只是一個(gè)僅在函數(shù)內(nèi)部起

6、作用的局部變量,而不是一個(gè)全局變量；要?jiǎng)?chuàng)建一個(gè)局部變量,不是賦值給一個(gè)已經(jīng)存在的局部變量,而是必需使用 var 語(yǔ)句進(jìn)行變量聲明；另外,由于 JavaScript 采納弱類型的形式,因此讀者可以不必理睬變量的數(shù)據(jù)類型,即可以把任意類型的數(shù)據(jù)賦值給變量；例 3.3 聲明一些變量,代碼如下：var varible=100 / 數(shù)值類型var str=有一條路,走過(guò)了總會(huì)想起/ 字符串var bue=true / 布爾類型在 JavaScript 中,變量可以不先聲明,而在使用時(shí),再依據(jù)變量的實(shí)際作用來(lái) 確定其所屬的數(shù)據(jù)類型；但是筆者建議在使用變量前就對(duì)其聲明,由于聲明變量的最大好處就是能準(zhǔn)時(shí)發(fā)覺(jué)代

7、碼中的錯(cuò)誤；由于JavaScript是采納動(dòng)態(tài)編譯的,而動(dòng)態(tài)編譯不易于發(fā)覺(jué)代碼中的錯(cuò)誤,特殊是變量命名方面的錯(cuò)誤； C、變量的作用域（ scope）是指某變量在程序中的有效范疇,也就是程序中定義這個(gè)變量的區(qū)域；在JavaScript中變量依據(jù)作用域可以分為兩種：全局變量和局部變量；全局變量是定義在全部函數(shù)之外,作用于整個(gè)腳本代碼的變量；局部變量是定義在函數(shù)體內(nèi),只作用于函數(shù)體的變量,函數(shù)的參數(shù)也是局部性 的,只在函數(shù)內(nèi)部起作用；例 3.4 下面的程序代碼說(shuō)明白變量的作用域作用不同的有效范疇： var a; / 該變量在函數(shù)外聲明,作用于整個(gè)腳本代碼 function send a=JavaSc

8、ript var b= 語(yǔ)言基礎(chǔ) / 該變量在函數(shù)內(nèi)聲明,只作用于該函數(shù)體 alerta+b; D、變量的生存期 是指變量在運(yùn)算機(jī)中存在的有效時(shí)間；從編程的角度來(lái)說(shuō),可以簡(jiǎn)潔地懂得為該變量所賦的值在程序中的有效范疇；JavaScript 中變量的生存期有兩種：全局變量和局部變量；全局變量在主程序中定義,有效范疇從其定義開(kāi)頭,始終到本程序終止為止；局 部變量在程序的函數(shù)中定義,其有效范疇只在該函數(shù)之中；當(dāng)函數(shù)終止后,局部 變量生存期也就終止了；課外作業(yè)11 至 1.7p52 布置教后記重 慶 市 工 業(yè) 學(xué) 校 教 案授課班級(jí)軟件 10.1 授課日期第四周 星期二第 1 次課課題運(yùn)算符和表達(dá)式把

9、握算術(shù)運(yùn)算符 把握比較運(yùn)算符 把握+、- 運(yùn)算 把握=、=、！=、！=運(yùn)算符 把握+、- 運(yùn)算 把握=、=、！=、！=運(yùn)算符以講授式方法為主及啟示式、列舉式方法為幫助的教學(xué)方式；作業(yè)完成情形,復(fù)習(xí)提問(wèn)；目的要求重點(diǎn) 教學(xué) 難點(diǎn)教學(xué)方式 評(píng)判方式教學(xué)引入：第一依據(jù)同學(xué)情形完成“5+1” 的教學(xué)任務(wù)；依據(jù)日常生活中不同的量要用不同的方法去處理,當(dāng)然也包括一些運(yùn)算；教學(xué)內(nèi)容、教學(xué)方法及教學(xué)評(píng)判設(shè)計(jì) ：三、先復(fù)習(xí)常量和變量的一些學(xué)問(wèn)；四、新課：1、算術(shù)運(yùn)算符用于連接運(yùn)算表達(dá)式；算術(shù)運(yùn)算符包括加（+）、減（ - ）、乘（* ）、除（ /）、取模（ %）、自加（ +）、自減（ -）等運(yùn)算符,常用的算術(shù)運(yùn)算

10、符如表 3.3 所示；2、比較運(yùn)算符用來(lái)連接操作數(shù)來(lái)組成比較表達(dá)式；比較運(yùn)算符的基本操作過(guò)程是：第一對(duì)操作數(shù)進(jìn)行比較,然后返回一個(gè)布爾值 true 或 false；在JavaScript中常用的比較運(yùn)算符如表 3.4 所示；另外,比較運(yùn)算符（、=、=、=、.=、.=）也可以用于兩個(gè)字符串之間的比較,同樣返回一個(gè)布爾值 true 或 false；當(dāng)比較兩個(gè)字符串 X 和 Y 時(shí), JavaScript 第一取出 X 和 Y 中的第一個(gè)字符的ASCII 碼值進(jìn)行比較,例如第一個(gè)字符的ASCII 碼值分別是 x 和 y,那么如 x 大于 y,就 X 大于 Y,如 x 小于 y,就 X 小于 Y,否就

11、 x 就是等于 y,這樣就要取 出 X 和 Y 中的下一個(gè)字符進(jìn)行比較,以此類推,假如依次取出的每個(gè)字符的ASCII 碼值都相同,那么如字符串X 的字符數(shù)比 Y 的字符數(shù)多,就X 大于 Y；如 X 的字符數(shù)比 Y 少,就 X 小于 Y；如 X 的字符數(shù)與 Y 相同,就 A 等于 B；例如： x=x 、xyz=xyz 、xxy ,這幾個(gè)比較運(yùn)算的返回值都為 true；xyXYZ 和xyXYZ 返回 true；3、舉例： 比較運(yùn)算符的應(yīng)用 Function keydown Ifevent.altkey&event.keycode=37|event.keycode=39 Event.returnva

12、lue=false; Alert “ 這里禁止使用ALT+方向鍵或方向鍵”; 課外作業(yè)17 至 1.10p52、其次次作業(yè)：其次大題布置教后記重 慶 市 工 業(yè) 學(xué) 校 教 案授課班級(jí)軟件 10.1 授課日期第四周 星期四2 次課課題運(yùn)算符和表達(dá)式把握賦值運(yùn)算符 把握條件運(yùn)算符 目的要求 把握其他運(yùn)算符 把握運(yùn)算符的優(yōu)先級(jí)重點(diǎn) 教學(xué) 難點(diǎn)教學(xué)方式 評(píng)判方式把握賦值運(yùn)算符 把握條件運(yùn)算符把握賦值運(yùn)算符以講授式方法為主及啟示式、列舉式方法為幫助的教學(xué)方式；作業(yè)完成情形,復(fù)習(xí)提問(wèn)；教學(xué)引入：第一依據(jù)同學(xué)情形完成“5+1” 的教學(xué)任務(wù)；依據(jù)日常生活中不同的量要用不同的方法去處理,當(dāng)然也包括一些運(yùn)算；教

13、學(xué)內(nèi)容、教學(xué)方法及教學(xué)評(píng)判設(shè)計(jì) ：五、先復(fù)習(xí)規(guī)律運(yùn)算符及其它運(yùn)算符的一些學(xué)問(wèn)；六、新課：1、最基本的賦值運(yùn)算符是等于號(hào)“=” ,用于對(duì)變量進(jìn)行賦值,而其他運(yùn)算符可以和賦值運(yùn)算符“=” 聯(lián)合使用,構(gòu)成組合賦值運(yùn)算符；JavaScript 支持的常用賦值運(yùn)算符如表 3.6 所示；2、條件運(yùn)算符是 JavaScript 支持的一種特殊的三目運(yùn)算符,其語(yǔ)法格式如下：操作數(shù) .結(jié)果 1:結(jié)果 2 假如“ 操作數(shù)” 的值為true,就整個(gè)表達(dá)式的結(jié)果為“ 結(jié)果1” ,否就為“ 結(jié)果2” ；例 3.9 下面通過(guò)示例演示條件運(yùn)算符的應(yīng)用,運(yùn)行成效如圖 3.5 所示；3、其它運(yùn)算A位操作運(yùn)算符位操作運(yùn)算符分為兩

14、種,一種是一般位運(yùn)算符,另一種是位移動(dòng)運(yùn)算符；在進(jìn)行運(yùn)算前,都先將操作數(shù)轉(zhuǎn)換為32 位的二進(jìn)制整數(shù),然后再進(jìn)行相關(guān)運(yùn)算,最終的輸出結(jié)果將以十進(jìn)制表示；位操作運(yùn)算符對(duì)數(shù)值的位進(jìn)行操作,如向左或向右 移位等； JavaScript中常用的位操作運(yùn)算符如表 3.8 所示；Btypeof 運(yùn)算符 typeof 運(yùn)算符返回它的操作數(shù)當(dāng)前所容納的數(shù)據(jù)類型；這對(duì)于判定一個(gè)變量是否 已被定義特殊有用；例 3.10 下面是應(yīng)用 typeof 運(yùn)算符返回當(dāng)前所容納的數(shù)據(jù)類型,代碼如下；typeof true Cnew 運(yùn)算符 通過(guò) new 運(yùn)算符來(lái)創(chuàng)建一個(gè)新對(duì)象；語(yǔ)法：new constructorarguments constructor：必選項(xiàng)；對(duì)象的構(gòu)造函數(shù)；假如構(gòu)造函數(shù)沒(méi)有參數(shù),就可以省略圓 括號(hào)；arguments：可選項(xiàng)；任意傳遞給新對(duì)象構(gòu)造函數(shù)的參數(shù)；例 3.11 應(yīng)用 new 運(yùn)算符來(lái)創(chuàng)建新對(duì)象,代碼如下：Object1 = new Object; Array2 = new Array; Date3 = new DateAugust 8 2022; 4、JavaScript