初識Javascript簡介介紹_第1頁
初識Javascript簡介介紹_第2頁
初識Javascript簡介介紹_第3頁
初識Javascript簡介介紹_第4頁
初識Javascript簡介介紹_第5頁
已閱讀5頁，還剩50頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

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

JavaScript的作用表單動態(tài)校驗（密碼強度檢測）JS產(chǎn)生最初的目的網(wǎng)頁特效服務(wù)器端開發(fā)（Node.js)桌面程序（Electron)APP（Cordova）控制硬件--物聯(lián)網(wǎng)（ruff）游戲開發(fā)（Cocos2d-js）JavaScript的特點JS是基于對象和事件驅(qū)動并具有安全性能的解釋性腳本語言解釋性基于對象事件驅(qū)動跨平臺性安全性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腳本語言--編程類語言實現(xiàn)業(yè)務(wù)邏輯和頁面控制瀏覽器執(zhí)行JS瀏覽器分成兩部分：渲染引擎和JS引擎渲染引擎：用來解析HTML與CSS，俗稱內(nèi)核，比如webkit

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

行內(nèi)式

外部式

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

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

首選項按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

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

首選項按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

回車確認(rèn)vscode

首選項按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

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

首選項按鈕

鍵盤快捷方式

查找原來的快捷鍵

修改為新的快捷鍵

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

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

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

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

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

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

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

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

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

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

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

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

后置遞增，就是自加1，類似于num=num+1，但是num++寫起來更簡單。使用口訣：先返回原值，后自加varnum=10;alert(10+num++);//20遞增運算符運算符遞增運算符小練習(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);運算符前置遞增和后置遞增運算符可以簡化代碼的編寫，讓變量的值+1

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

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

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

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

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

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

溫馨提示

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

評論

0/150

提交評論