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/qukuanlian/99853.html

標籤：區塊鏈

上一篇：autogui庫的使用制作簡易連點器

下一篇：C語言小游戲 - - “三子棋”

JS基礎知識（變數、資料型別）