心智圖資源庫 JS基礎Day1
這是一篇關於JS基礎Day1的心智圖,JS是一種運行在客戶端的程式語言,實現人機互動效果。
編輯於2024-01-18 10:20:27Microbiologia medica, Infezioni batteriche e immunità riassume e organizza i punti di conoscenza per aiutare gli studenti a comprendere e ricordare. Studia in modo più efficiente!
La teoria cinetica dei gas rivela la natura microscopica dei fenomeni termici macroscopici e le leggi dei gas trovando la relazione tra quantità macroscopiche e quantità microscopiche. Dal punto di vista del movimento molecolare, vengono utilizzati metodi statistici per studiare le proprietà macroscopiche e modificare i modelli di movimento termico delle molecole di gas.
Este é um mapa mental sobre uma breve história do tempo. "Uma Breve História do Tempo" é um trabalho científico popular com influência de longo alcance. Ele não apenas introduz os conceitos básicos da cosmologia e da relatividade, mas também discute os buracos negros e a expansão. Do universo. questões científicas de ponta, como inflação e teoria das cordas.
Microbiologia medica, Infezioni batteriche e immunità riassume e organizza i punti di conoscenza per aiutare gli studenti a comprendere e ricordare. Studia in modo più efficiente!
La teoria cinetica dei gas rivela la natura microscopica dei fenomeni termici macroscopici e le leggi dei gas trovando la relazione tra quantità macroscopiche e quantità microscopiche. Dal punto di vista del movimento molecolare, vengono utilizzati metodi statistici per studiare le proprietà macroscopiche e modificare i modelli di movimento termico delle molecole di gas.
Este é um mapa mental sobre uma breve história do tempo. "Uma Breve História do Tempo" é um trabalho científico popular com influência de longo alcance. Ele não apenas introduz os conceitos básicos da cosmologia e da relatividade, mas também discute os buracos negros e a expansão. Do universo. questões científicas de ponta, como inflação e teoria das cordas.
JS基礎Day1
JS介紹
JS是什麼?
是一種運行在客戶端的程式語言,實現人機互動效果
JS的組成
ECMAScript
規定了js的基礎文法核心知識
例如:變數、分支語句、循環語句、物件等等
Web APIs
DOM:操作文檔,例如對頁面元素進行移動、大小、新增、刪除等操作
BOM:操作瀏覽器,例如頁面彈跳窗,偵測視窗寬度、儲存資料到瀏覽器等等
作用
網頁特效(監聽使用者的一些行為讓網頁做出對應回饋)
表單驗證(針對表單資料的合法性進行判斷)
數據互動(獲取後台數據,渲染到前端)
服務端程式設計(node.js)
JS書寫位置
行內JS
內部JS
直接寫在html檔裡面,用script標籤包住
規格:script標籤寫在</body>上面
擴充:alert(“你好,js”)頁面彈出警告對話框
外部JS
程式碼寫在以.js結尾的檔案裡
語法:透過script標籤,引進到HTML頁面裡
JS怎麼寫
註解
單行註解
符號://
作用://右邊這一行程式碼會被忽略
快速鍵:ctrl /
區塊註釋
符號:/**/
作用:在/*和*/之間的所有內容都會被忽略
快捷鍵:shift alt a
結束符
作用:使用英語;代表語句結束
實際情況:實際開發中可寫可不寫,瀏覽器可以自動推斷語句的結束位置(不加)
JS輸入輸出語法
輸出語法
document.write('要輸出的內容')
作用:向body內輸出內容
注意:如果輸出內容寫的是標籤,也會解析成網頁元素
alert("輸出內容")
作用:頁面彈出警告對話框
console.log("控制台列印")
控制台輸出語法,程式設計師調試使用
輸入語法
prompt(「請輸入您的姓名:」)
作用:顯示對話框,對話框中包含文字訊息,用來提示使用者輸入文字
字面量
JS查詢權威網站MDN
變數
變數是什麼?
計算機中用來儲存資料的‘容器’,簡單理解是一個盒子
變數的作用
用來儲存數據
變數的基本使用
變數聲明
要使用變量,首先需要建立變數(也成為宣告變數或定義變數)
語法:let 變數名
聲明變數由兩部分構成:聲明關鍵字、變數名(標識)
變數賦值
定義一個變數後,你就能夠初始化他。在變數名之後跟上一個‘=’然後是數值(註:透過變數名來獲得變數裡的資料)
也可以在宣告變數的時候直接完成賦值操作,這種操作也稱為變數初始化
更新變數
變數賦值後,也可以透過簡單的給他一個不同的直來更新他(註:let不允許多次宣告一個變數)
變數案例:交換變數的值
核心思路:使用一個臨時變量,用來做中間存儲
宣告多個變數
變數賦值後,也可以透過簡單的給他一個不同的值來更新他
語法:多個變數中間用逗號隔開
說明:看上去程式碼長度更短,但不建議這樣做。為了更好地可讀性,請一行只聲明一個變數
變數的本質
記憶體:電腦中儲存資料的地方,相當於一個空間
變數本質:是程式在記憶體中申請的一塊用來存放資料的小空間
變數的命名規則與規範
規則:必須遵守,不遵守報錯(法律層面
不能用關鍵字
有特殊意義的字符,JS內建的一些英語詞彙
只能用底線,字母,數字、$組成,數字不能開頭
字母嚴格區分大小寫,如Age和age是不同的變數
規範
起名要有意義
遵守小駝峰命名法:第一個單字首字母小寫,後面每個單字首字母都大寫,如:userName
變數拓展-let和var的區別
var聲明
可以先使用 再聲明(不合理)
var聲明過的變數可以重複聲明(不合理)
例如變數提升、全域變數、沒有區塊級作用域等等
變數擴展-數組
聲明語法
let 陣列名 = [資料1,資料2...資料n]
數組是依序保存,所以每個資料都有自己的編號
數組可以儲存任意類型的數據
取值語法
數組名[下標]
術語
元素:數組中保存的每個資料都叫做數組元素
下標:數組中資料的編號
長度:數組中資料的個數,透過數組的length屬性獲得
常量
常量的基本使用
概念:使用const宣告的變數稱為“常數”
使用場景:當某個變數永遠不會改變時,就可以使用const來聲明,而不是let
命名規範:和變數一致
常數使用:const G = 9.8
注意:常數不允許重新賦值,聲明的時候必須賦值(初始化)
小技巧:不需要重新賦值的資料使用const
資料類型
JS資料型態整體分為兩大類
基本資料類型
number 數位型
數學學到的數字,整數、小數、正數、負數統稱為數字類型
註:JS是弱資料型,變數到底屬於哪一種類型,只有複製之後才能確認Java十強資料型別 例如 int a = 3 必須是整數
數學運算符
包括內容
求和
- 求差
* 求積
/ 求商
% 求餘數
執行優先級
乘、除、取餘優先權相同
加減優先權相同
乘、除、取餘優先權大於加、減
使用()可以提升優先級
NaN
NaN代表一個計算錯誤。他是一個不正確的或一個未定義的數學操作所得到的結果
NaN是黏性的。任何對NaN的操作都會返回NaN
string 字串型
定義
透過單引號、雙引號、反引號包裹的資料都稱為字串,單雙引號本質上沒有區別,推薦使用單引號
注意事項
無論單雙引號都必須成對使用
單雙引號可以互相嵌套,但不能自己嵌套自己
必要時可使用轉義符\,輸出單雙引號
字串拼接
場景: 運算子可以實現字串的拼接
模版字串
使用場景
拼接字串和變數
沒有其之前,要拼接變數比較麻煩
文法
``(反引號)
內容拼接變數時,用${}包住變數
document.write(`大家好,我叫${name},今年${age}歲`)
boolean 布林型
表示肯定或否定時在計算機中對應的是布林類型資料他有兩個固定的值true和false
undefined 未定義型
未定義是比較特殊的類型,只有一個值undefined
只宣告變數,不賦值的情況下,變數預設值為undefined,一般很少直接為某個變數賦值為undefined
開發時常宣告一個變量,等待傳過來的數據。如不知道這個資料是否傳遞過來,可檢查此變數是否為undefined,可判斷使用者是否有資料傳遞過來
null 空類型
JS中的null只是一個表示‘無’‘空’或‘值未知’的特殊值
與undefined的區別
undefined表示沒有賦值
null表示賦值了,但內容為空
開發中的使用場景
官方解釋:把null作為尚未創建的對象
大白話:將來有變數裡存放的是一個對象,但對象還沒創建好,可以先給null
檢測資料類型
typeof
作為運算符:typeof x(常用寫入)
函數形式:typeof(x)
註:有括號和沒有括號,得到的結果是一樣的,所以直接用運算子的寫法
引用資料型
object 對象
類型轉換
為什麼需要型別轉換
JS是若資料型態:JS不知道到底是屬於哪一種資料型,只有賦值後才清楚
坑:使用表單、prompt取得過來的資料預設是字串類型,此時不能直接進行加法運算
此時需要轉變變數的資料類型
隱式轉換
當某些運算子被執行時,系統內部會自動將資料類型轉換,這種轉換稱為隱式轉換
規則
號兩邊只要有一個是字串就會將另一個轉換為字串
除了 以外的算術運算子例如-*/都會把資料轉成數字類型
缺點
轉換類型不明確,靠經驗才能總結
小技巧
號作為正號解析可以轉換成數位型
任何資料和字串相加結果都是字串
顯示轉換
編寫程式時過度依賴系統內部的隱式轉換是不嚴謹的,因為隱式轉換規律不清晰,大多是靠經驗總結的規律。為了避免隱式轉換帶來的問題,通常會根據邏輯需求對資料進行明確轉換
概念:自己寫程式碼告訴系統該轉換成什麼類型
轉換為數位型
Number(數據)
轉成數字類型
如果字串中內容有非數字,轉換失敗時結果為NaN即不是一個數字
NaN也是number類型的數據,代表非數字
parselnt(數據)
只保留整數
parseFloat(數據)
可以保留小數