本文前言及說明

適合學過一門語言有一定基礎的人看。

省略最初學習編程時的各種編程重復的基礎知識。

javascript簡介

編程語言（主前端）

用途：主web前后端，游戲，干別人網站

優點：速度快，瀏覽器直接識別

編輯器：vscode

第三方安裝工具：node

編輯器配置：安裝live sever插件幫助實踐查看自身代碼

代碼形式：通常與html共同編寫，javascript負責代碼邏輯，html負責網頁。代碼常常跟在html代碼的body后面。

javascript前端代碼基本結構

首先一個網站中會有html和javascript兩種代碼，html主要負責頁面中顯示的結構，javascript主要負責網站中的邏輯結構計算。

代碼結構

如下

這個<>是標簽。

除了<script>的之外別的事html的代碼。html與js代碼可以寫在一起。

script在body后的好處：

代碼從上到下執行，js代碼負責邏輯，如果網站很大，瀏覽器從上執行，加載速度很慢。

結果

右鍵檢查頁面看控制臺可以看js代碼輸出的內容

代碼分離

因為有時候js代碼量很大，全寫在一起肯定眼睛會瞎，所以我們可以像模塊化一樣給他分離開。

我們可以給標簽加屬性讓他指向指定文件。

?看結果

顯示正常，還訪問了那個文件。

（一般來說。。。每行代碼后面應該加個; 但是我一般python用的比較多。。習慣性的不加；但是不要學習我的壞習慣。。）

node運行文件

vscode頁面按ctrl+~開啟node頁面

在終端輸入node 文件名就可以運行

注釋

1. 單行注釋：//

2. 多行注釋：/*注釋內容*/

變量常量

var：全局變量

let：可被修改

const不可被修改

?數據類型

字符串，數字（js無浮點），布爾，空，未定義

?字符串格式化

+號法

·${}·法

注意一下第二個用${}是用的`(~)不是引號.

字符串處理屬性與方法

length #獲取字符串長度

toUpperCase() #把字符串轉化為大寫

substring(3,7) #截取字符串

split(' ') #根據雙引號內的字符對字符串進行分割

運行結果如下

?

?數組

我不太清楚別的語言，python中數組是有列表元組字典之分的，在javascript中沒有這些概念，統一的稱之為數組。

形式：[1,'hello',true]

數組操作方法：

push() #數組后面添加元素

unshift() #在開頭添加元素

pop() #刪除最后的元素

Array.isArray() #判斷是否為數組

indexOf() #返回指定元素的索引

a.splice(2,1) #刪除指定索引的元素（2指定元素的起始索引；1刪除的個數）

面向對象

屬性的定義

{}定義類，用：定義屬性

?

?

方法定義

用function函數就可以創建

?對象數組與json

對象數組

簡單理解就是數組套對象

?json數據

json數據是一種數據的傳輸形式，跟對象數組形式差不多。用于服務器的數據傳輸。

json與對象數組的不同就是他會給屬性名都加雙引號給括起來。

比如這里：name:...

json:"name":...

?用JSON的stringify方法可以轉化為json類型。

if條件語句

?===指當a必須為整數10時執行

==指a為數字還是字符10都可以被執行

if條件語句的形式就是上面的形式。

三目運算符

作用：根據不同的情況給變量賦值

？前面是條件，后面是true時的賦值，：后面是假的賦值。

即當a=10時賦值yes，否則賦值no

switch條件語句

作用：與if——else差不多。只不過匹配速度快點，匹配范圍小。

結果如下：

解析：當x為yes時還行這一部分，為no時執行另一部分。當都沒有匹配到時執行最后一部分。

for循環結構

for里面第一部分可以聲明變量，第二部分寫條件，第三部分寫執行遞增等變量的變化。

也可以寫到外邊。

i++代表了i遞增1

while循環

?while與for的寫法差不多，這里我是變量賦值和遞增都寫在外面的形式寫的。

定義函數

用function

?邏輯運算符

&&	（and）兩邊都是true
||	(or)一邊是true就可以
！	（not）不滿足的時候執行

結語

javascript與其他語言重復的內容基本是這些，之后的內容基本上與其他的語言開始有一些差異了。整理出這篇博客希望能夠減少看重復知識點浪費的時間。