JavaScript基礎知識
- 初始JavaScript
- Javascript是什么
- JavaScript的作用
- HTML/CSS/JS 的關系
- 瀏覽器執行JS兩部分
- JS組成
- JS初體驗
- 行內式
- 內嵌式
- 外部JS檔案
- JavaScript注釋
- 單行注釋
- 多行注釋
- JavaScript輸入輸出陳述句
- 變數
- 變數在記憶體中的存盤
- 變數的使用
- 賦值
- 變數的初始化
- 變數語法擴展
- 更新變數
- 同時宣告多個變數
- 資料型別
- 數字型 Number
- 字串型 String
- 布爾型Boolean
初始JavaScript
Javascript是什么
JavaScript 是世界上最流行的語言之一，是一種運行在客戶端的腳本語言 （腳本語言：不需要編譯，運行程序中由 js 解釋器( js 引擎）逐行來進行解釋并執行，現在也可以基于 Node.js 技術進行服務器端編程）
JavaScript的作用
- 表單動態校驗（密碼強度檢測，js產生最初的目的）
- 網頁特效
- 服務端開發(Node.js)
- 桌面程式(Electron)
- App(Cordova)
- 控制硬體(物聯網Ruff)
- 游戲開發(cocos2d-js)
HTML/CSS/JS 的關系
- HTML決定網頁結構和內容
- CSS決定網頁呈現給用戶的模樣
- JS實作業務邏輯和頁面控制
瀏覽器執行JS兩部分
- 渲染引擎：用來決議HTML與CSS，俗稱內核
- JS引擎：用來讀取網頁中的JavaScript代碼，對其處理后運行，也稱JS解釋器
JS組成
ECMAScript
ECMAScript是由ECMA國際進行標準化的一門編程語言，這種語言在萬維網上應用廣泛，它往往被稱為 JavaScript或JScript，但實際上后兩者是ECMAScript語言的實作和擴展
ECMAScript：規定了JS的編程語法和基礎核心知識，是所有瀏覽器廠商共同遵守的一套JS語法工業標準
DOM——檔案物件模型
檔案物件模型（簡稱DOM），是W3C組織推薦的處理可擴展標記語言的標準編程介面，通過 DOM 提供的介面可以對頁面上的各種元素進行操作（大小、位置、顏色等）
BOM——瀏覽器物件模型
瀏覽器物件模型(簡稱BOM) 是指瀏覽器物件模型，它提供了獨立于內容的、可以與瀏覽器視窗進行互動的物件結構，通過BOM可以操作瀏覽器視窗，比如彈出框、控制瀏覽器跳轉、獲取解析度等
JS初體驗
行內式
<input type="button" value="點我試試" onclick="alert('Hello World')" />
- 可以將單行或少量 JS 代碼寫在HTML標簽的事件屬性中（以 on 開頭的屬性）
- 注意單雙引號的使用：在HTML中我們推薦使用雙引號, JS 中我們推薦使用單引號
- 可讀性差， 在html中撰寫JS大量代碼時，不方便閱讀
- 引號易錯，引號多層嵌套匹配時，非常容易弄混
- 特殊情況下使用
內嵌式
<script>
alert('Hello World~!');
</script>
- 可以將多行JS代碼寫到 script 標簽中
- 內嵌 JS 是學習時常用的方式
外部JS檔案
<script src="my.js"></script>
- 利于HTML頁面代碼結構化，把大段 JS代碼獨立到 HTML 頁面之外，既美觀，也方便檔案級別的復用
- 參考外部 JS檔案的 script 標簽中間不可以寫代碼
- 適合于JS 代碼量比較大的情況
JavaScript注釋
- flex子專案占的份數
- align-self控制子項自己在側軸的排列方式
- order屬性定義子項的排列前后順序
單行注釋
// 用來注釋單行文字（快捷鍵 ctrl + / ）
多行注釋
/* */ 用來注釋多行文字（ 默認快捷鍵 alt + shift + a ）
JavaScript輸入輸出陳述句
- alert(msg) 瀏覽器彈出警示框
- console.log(msg) 瀏覽器控制臺列印輸出資訊
- prompt(info)瀏覽器彈出輸入框
變數
變數是用于存放資料的容器，通過變數名獲取資料和修改資料
變數在記憶體中的存盤
本質：變數是程式在記憶體中申請的一塊用來存放資料的空間
變數的使用
var age; // 宣告一個 名稱為age 的變數
- var 是一個 JS關鍵字，用來宣告變數( variable 變數的意思 )，使用該關鍵字宣告變數后，計算機會自動為變數分配記憶體空間，不需要程式員管
- age 是程式員定義的變數名，我們要通過變數名來訪問記憶體中分配的空間
賦值
age = 10; // 給 age 這個變數賦值為10
- = 用來把右邊的值賦給左邊的變數空間中 此處代表賦值的意思
- 變數值是程式員保存到變數空間里的值
變數的初始化
var age = 18; // 宣告變數同時賦值為 18 // 宣告一個變數并賦值， 我們稱之為變數的初始化
變數語法擴展
更新變數
一個變數被重新復賦值后，它原有的值就會被覆寫，變數值將以最后一次賦的值為準
var age = 18;
age = 81; // 最后的結果就是81因為18 被覆寫掉了
同時宣告多個變數
同時宣告多個變數時，只需要寫一個 var， 多個變數名之間使用英文逗號隔開
var age = 10, name = 'zs', sex = 2;
資料型別
JavaScript 中的簡單資料型別及其說明如下：
數字型 Number
JavaScript 數字型別既可以保存整數，也可以保存小數(浮點數）
var age = 21; // 整數
var Age = 21.3747; // 小數
字串型 String
字串型可以是引號中的任意文本，其語法為 雙引號 “” 和 單引號’’
var strMsg = "我愛北京天安門~"; // 使用雙引號表示字串
var strMsg2 = '我愛吃豬蹄~'; // 使用單引號表示字串 // 常見錯誤
var strMsg3 = 我愛大肘子; // 報錯，沒使用引號，會被認為是js代碼，但js沒有這些語法
布爾型Boolean
-
布爾型別有兩個值：true 和 false ，其中 true 表示真（對），而 false 表示假（錯）
-
布爾型和數字型相加的時候，true 的值為 1 ，false 的值為 0
console.log(true + 1); // 2
console.log(false + 1); // 1
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/103018.html
標籤：其他
下一篇：C語言小游戲 - - “三子棋”