初識(shí)Javascript簡(jiǎn)介介紹_第1頁
初識(shí)Javascript簡(jiǎn)介介紹_第2頁
初識(shí)Javascript簡(jiǎn)介介紹_第3頁
初識(shí)Javascript簡(jiǎn)介介紹_第4頁
初識(shí)Javascript簡(jiǎn)介介紹_第5頁
已閱讀5頁，還剩50頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

初識(shí)JSJavaScriptJavaScript是世界上最流行的語言之一，是一種運(yùn)行在客戶端的腳本語言腳本語言：不需要編譯，運(yùn)行過程中由JS解釋器逐行來進(jìn)行解釋并執(zhí)行現(xiàn)在也可以基于Node.js技術(shù)進(jìn)行服務(wù)器端編程

JavaScript的作用表單動(dòng)態(tài)校驗(yàn)（密碼強(qiáng)度檢測(cè)）JS產(chǎn)生最初的目的網(wǎng)頁特效服務(wù)器端開發(fā)（Node.js)桌面程序（Electron)APP（Cordova）控制硬件--物聯(lián)網(wǎng)（ruff）游戲開發(fā)（Cocos2d-js）JavaScript的特點(diǎn)JS是基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的解釋性腳本語言解釋性基于對(duì)象事件驅(qū)動(dòng)跨平臺(tái)性安全性HTML/CSS/JS的關(guān)系HTML頁面元素和內(nèi)容CSS網(wǎng)頁元素的外觀和位置等頁面樣式JS網(wǎng)頁模型的定義與頁面交互HTML/CSS標(biāo)記語言---描述類語言HTML決定網(wǎng)頁的結(jié)構(gòu)和內(nèi)容CSS決定網(wǎng)頁呈現(xiàn)給用戶的模樣JS腳本語言--編程類語言實(shí)現(xiàn)業(yè)務(wù)邏輯和頁面控制瀏覽器執(zhí)行JS瀏覽器分成兩部分：渲染引擎和JS引擎渲染引擎：用來解析HTML與CSS，俗稱內(nèi)核，比如webkit

JS引擎：也成為JS解釋器，用來讀取網(wǎng)頁中的JS代碼，對(duì)其處理后運(yùn)行高級(jí)語言機(jī)器語言編譯器JS的組成JavaScriptECMAScriptDOMBOMJavaScript語法頁面文檔對(duì)象模型瀏覽器對(duì)象模型JS引入方法內(nèi)嵌式

行內(nèi)式

外部式

行內(nèi)式可以將單行或少量JS代碼寫在HTML標(biāo)簽的事件屬性中（以on開頭的屬性）注意單雙引號(hào)的使用，在HTML中推薦使用雙引號(hào)，JS推薦使用單引號(hào)可讀性差，在HTML中編寫JS大量代碼時(shí)，不方便閱讀

引號(hào)易錯(cuò)，引號(hào)多層嵌套匹配是時(shí)，很容易出錯(cuò)特殊情況下使用內(nèi)嵌式可以將多行JS代碼寫到<script>標(biāo)簽中內(nèi)嵌JS是學(xué)習(xí)時(shí)常用的方式將<script></script>放在<head></head>中間成為頭腳本，放在<body></body>中成為體腳本行內(nèi)式利于HTML頁面代碼結(jié)構(gòu)化，把大段JS代碼獨(dú)立到HTML頁面以外，既美觀，也方便文件級(jí)別的復(fù)用引用外部JS文件的script標(biāo)簽中間不可以寫代碼適合于JS代碼量比較大的情況vscode

首選項(xiàng)按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

回車確認(rèn)注釋vscode

首選項(xiàng)按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

回車確認(rèn)vscode

首選項(xiàng)按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

回車確認(rèn)信息JS輸入輸出語句為了方便信息的輸入與輸出，JS提供了一些輸入輸出語句，常用的有：方法說明歸屬alert(msg)瀏覽器彈出警示框?yàn)g覽器console.log(msg)瀏覽器控制臺(tái)打印輸出信息瀏覽器prompt(info)瀏覽器彈出輸入框，用戶可以輸入瀏覽器注意：alert()主要用來顯示消息給用戶，console.log()用來給程序員自己看運(yùn)行時(shí)的消息。vscode

首選項(xiàng)按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

回車確認(rèn)信息關(guān)鍵字和標(biāo)識(shí)符關(guān)鍵字又被成為保留字，是在JS中被事先定義好并賦予特殊含義的單詞，JS關(guān)鍵字不能作為變量名和函數(shù)名使用，否則會(huì)使JS在載入過程中給出現(xiàn)編譯錯(cuò)誤在編程過程中需要定義一些符號(hào)來標(biāo)記一些名稱，如函數(shù)名、變量名等，這些符號(hào)被稱為標(biāo)識(shí)符，在使用標(biāo)識(shí)符命名時(shí)，要遵循規(guī)則，第一個(gè)字符不能是數(shù)字，必須以字母、下劃線、美元符號(hào)開始，后續(xù)的字符可以是數(shù)字、字母、下劃線或美元符號(hào)，標(biāo)識(shí)符不能和JS中用于其他目的的關(guān)鍵字同名第一個(gè)JS語言使用輸入輸出語言完成小任務(wù)小練習(xí)變量什么是變量

白話：變量就是一個(gè)裝東西的盒子。通俗：變量是用于存放數(shù)據(jù)的容器。我們通過變量名獲取數(shù)據(jù)，甚至數(shù)據(jù)可以修改。變量在內(nèi)存中的存儲(chǔ)變量變量在內(nèi)存中的存儲(chǔ)本質(zhì)：變量是程序在內(nèi)存中申請(qǐng)的一塊用來存放數(shù)據(jù)的空間。類似我們酒店的房間，一個(gè)房間就可以看做是一個(gè)變量。變量的使用變量在使用時(shí)分為兩步：1.聲明變量2.賦值1.聲明變量//聲明變量varage;//聲明一個(gè)名稱為age的變量var

是一個(gè)JS關(guān)鍵字，用來聲明變量(variable變量的意思)。使用該關(guān)鍵字聲明變量后，計(jì)算機(jī)會(huì)自動(dòng)為變量分配內(nèi)存空間，不需要程序員管age是程序員定義的變量名，我們要通過變量名來訪問內(nèi)存中分配的空間變量的使用變量在使用時(shí)分為兩步：1.聲明變量2.賦值2.賦值age=10;//給age這個(gè)變量賦值為10=

用來把右邊的值賦給左邊的變量空間中此處代表賦值的意思變量值是程序員保存到變量空間里的值變量的使用變量在使用時(shí)分為兩步：1.聲明變量2.賦值3.變量的初始化varage=18;//聲明變量同時(shí)賦值為18

聲明一個(gè)變量并賦值，我們稱之為變量的初始化。小任務(wù)：變量的使用有個(gè)叫鳴人的人在旅店登記的時(shí)候前臺(tái)讓他填一張表，這張表里的內(nèi)容要存到電腦上，表中的內(nèi)容有：姓名、年齡、郵箱、家庭住址和工資，存儲(chǔ)之后需要把這些信息顯示出來，所顯示的內(nèi)容如下：我叫鳴人，我住在火影村，我今年30歲了，我的郵箱是

kakaxi@163.com，我的工資2000小任務(wù)：變量的使用彈出一個(gè)輸入框，提示用戶輸入姓名。彈出一個(gè)對(duì)話框，輸出用戶剛才輸入的姓名。變量語法擴(kuò)展1.更新變量一個(gè)變量被重新復(fù)賦值后，它原有的值就會(huì)被覆蓋，變量值將以最后一次賦的值為準(zhǔn)。varage=18;age=81;

//最后的結(jié)果就是81因?yàn)?8被覆蓋掉了變量語法擴(kuò)展2.同時(shí)聲明多個(gè)變量同時(shí)聲明多個(gè)變量時(shí)，只需要寫一個(gè)var，多個(gè)變量名之間使用英文逗號(hào)隔開，最后以分號(hào)結(jié)束。varage=10,name='zs',sex=2;變量語法擴(kuò)展3.聲明變量特殊情況情況說明結(jié)果varage;console.log(age);只聲明不賦值undefinedconsole.log(age)不聲明不賦值直接使用報(bào)錯(cuò)age=10;console.log(age);不聲明只賦值10（可以直接使用）運(yùn)算符運(yùn)算符（operator）也被稱為操作符，是用于實(shí)現(xiàn)賦值、比較和執(zhí)行算數(shù)運(yùn)算等功能的符號(hào)。JavaScript中常用的運(yùn)算符有：算數(shù)運(yùn)算符遞增和遞減運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符賦值運(yùn)算符概念：算術(shù)運(yùn)算使用的符號(hào)，用于執(zhí)行兩個(gè)變量或值的算術(shù)運(yùn)算。

一、算術(shù)運(yùn)算符概述運(yùn)算符運(yùn)算符

浮點(diǎn)數(shù)的精度問題浮點(diǎn)數(shù)值的最高精度是17位小數(shù)，但在進(jìn)行算術(shù)計(jì)算時(shí)其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)。varresult=0.1+0.2;//結(jié)果不是0.3，而是：0.30000000000000004console.log(0.07*100);//結(jié)果不是7，

而是：7.000000000000001所以：不要直接判斷兩個(gè)浮點(diǎn)數(shù)是否相等!運(yùn)算符2.請(qǐng)問1+2*3結(jié)果是？它的余數(shù)是0就說明這個(gè)數(shù)能被整除，這就是%取余運(yùn)算符的主要用途結(jié)果是7，注意算術(shù)運(yùn)算符優(yōu)先級(jí)的，先乘除，后加減，有小括號(hào)先算小括號(hào)里面的1.我們?cè)趺磁袛嘁粋€(gè)數(shù)能夠被整除呢？運(yùn)算符表達(dá)式最終都會(huì)有一個(gè)結(jié)果，返回給我們，我們成為返回值表達(dá)式和返回值表達(dá)式：是由數(shù)字、運(yùn)算符、變量等以能求得數(shù)值的有意義排列方法所得的組合簡(jiǎn)單理解：是由數(shù)字、運(yùn)算符、變量等組成的式子運(yùn)算符如果需要反復(fù)給數(shù)字變量添加或減去1，可以使用遞增（++）和遞減（--

）運(yùn)算符來完成。在JavaScript中，遞增（++）和遞減（--）既可以放在變量前面，也可以放在變量后面。放在變量前面時(shí)，我們可以稱為前置遞增（遞減）運(yùn)算符，放在變量后面時(shí)，我們可以稱為后置遞增（遞減）運(yùn)算符。注意：遞增和遞減運(yùn)算符必須和變量配合使用。

遞增和遞減運(yùn)算符概述運(yùn)算符1.前置遞增運(yùn)算符++num前置遞增，就是自加1，類似于num=num+1，但是++num寫起來更簡(jiǎn)單。使用口訣：先自加，后返回值varnum=10;alert(++num+10);//21遞增運(yùn)算符運(yùn)算符2.后置遞增運(yùn)算符num++

后置遞增，就是自加1，類似于num=num+1，但是num++寫起來更簡(jiǎn)單。使用口訣：先返回原值，后自加varnum=10;alert(10+num++);//20遞增運(yùn)算符運(yùn)算符遞增運(yùn)算符小練習(xí)vara=10;++a;varb=++a+10;console.log(b);varc=15;c++;vard=c+++5;console.log(d);vare=10;varf=e+++++e;console.log(f);運(yùn)算符前置遞增和后置遞增運(yùn)算符可以簡(jiǎn)化代碼的編寫，讓變量的值+1

比以前寫法更簡(jiǎn)單單獨(dú)使用時(shí)，運(yùn)行結(jié)果相同與其他代碼聯(lián)用時(shí)，執(zhí)行結(jié)果會(huì)不同后置：先原值運(yùn)算，后自加（先人后己）

前置：先自加，后運(yùn)算（先已后人）開發(fā)時(shí)，大多使用后置遞增/減，并且代碼獨(dú)占一行，例如：num++;或者num--;前置遞增和后置遞增小總結(jié)運(yùn)算符二、比較運(yùn)算符概述概念：比較運(yùn)算符（關(guān)系運(yùn)算符）是兩個(gè)數(shù)據(jù)進(jìn)行比較時(shí)所使用的運(yùn)算符，比較運(yùn)算后，會(huì)返回一個(gè)布爾值（true/false）作為比較運(yùn)算的結(jié)果。運(yùn)算符=小結(jié)console.log(18=='18');console.log(18==='18');運(yùn)算符課堂小練習(xí)varnum1=10;varnum2=100;varres1=num1>num2;varres2=num1==11;varres3=num1!=num2;運(yùn)算符三、邏輯運(yùn)算符概述概念：邏輯運(yùn)算符是用來進(jìn)行布爾值運(yùn)算的運(yùn)算符，其返回值也是布爾值。后面開發(fā)中經(jīng)常用于多個(gè)條件的判斷運(yùn)算符邏輯運(yùn)算符1.邏輯與&&兩邊都是true才返回true，否則返回falsevarres=2>1&&3>1;truetruetruevarres=2>1&&3<1;truefalsefalse運(yùn)算符邏輯運(yùn)算符兩邊都為false才返回false，否則都為true2.邏輯或||varres=2>3||1<2;falsetruetruevarres=2>3||1>2;falsefalsefalse運(yùn)算符邏輯運(yùn)算符邏輯非（!）也叫作取反符，用來取一個(gè)布爾值相反的值，如true的相反值是falsevarisOk=!true;console.log(isOk);//false3.邏輯非！運(yùn)算符邏輯運(yùn)算符小練習(xí)varnum=7;varstr="我愛你~中國~";console.log(num>5&&str.length>=num);

console.log(num<5&&str.length>=num);

console.log(!(num<10));

console.log(!(num<10||str.length==num）);運(yùn)算符

短路運(yùn)算（邏輯中斷）語法：表達(dá)式1&&表達(dá)式2如果第一個(gè)表達(dá)式的值為真，則返回表達(dá)式2如果第一個(gè)表達(dá)式的值為假，則返回表達(dá)式11.邏輯與console.log(123&&456);//456console.log(0&&456);

//0console.log(123&&456&&789);//789如果與空的或者否定的為假，其余為真運(yùn)算符

短路運(yùn)算（邏輯中斷）語法：表達(dá)式1||表達(dá)式2如果第一個(gè)表達(dá)式的值為真，則返回表達(dá)式1如果第一個(gè)表達(dá)式的值為假，則返回表達(dá)式2console.log(123||456);//123console.log(0||456);

//456console.log(123||456||789);//1232.邏輯或變量語法擴(kuò)展邏輯中斷（短路操作）varnum=0;console.log(123||num++);console.log(num);（很重要，會(huì)影響程序運(yùn)行結(jié)果）運(yùn)算符賦值運(yùn)算符概念：用來把數(shù)據(jù)賦值給變量的運(yùn)算符。varage=10;age+=5;//相當(dāng)于age=age+5;age-=5;//相當(dāng)于age=age-5;age*=10;//相當(dāng)于age=age*10;運(yùn)算符運(yùn)算符優(yōu)先級(jí)一元運(yùn)算符里面的邏輯非優(yōu)先級(jí)很高（++num!num)邏輯與比邏輯或優(yōu)先級(jí)高運(yùn)算符小練習(xí)console.log(5>=10||'明星'!='王一博'&&!(12*2==144)&&true)varnum=10;console.log(5==num/2&&(2+2*num).toString()===‘22’)；運(yùn)算符小練習(xí)vara=4>9&&1<3&&5==8;console.log(a);varb=2<=4|

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論