2021琴理工作室JS基礎教學(上)

語言: CN / TW / HK

小知識,大挑戰!本文正在參與“程式設計師必備小知識”創作活動。 # JS

它它它是什麼?

js是一門網際網路上最流行的指令碼語言 * 它是一種輕量級的程式語言 * 它是一種弱型別語言 * 它是可插入HTML頁面的程式設計程式碼 * 它可由所有的現代瀏覽器執行 * 很容易學習!!!!!

它能幹啥

js是世界上最好的(確信),所以我們能用它幹啥

舉好幾個栗子
* 我們登入的時候js會將我們的輸入的資料進行一些判斷 * 網頁中好看的動畫效果有的也可以用js實現的 * 等等

最基本的除錯方法

作為一名合格的程式設計師,我們要先學會除錯,自己的程式報錯,
要自己除錯看看哪裡出錯了,那我們前端程式設計師最常用到的也就是列印 js var a = '我愛灰太狼'; console.log(a);

開始正式學習

我們能將js程式碼放在哪裡

我們學習了html和css那麼我們能將js放在哪裡呢? 1. 行內式 html <input onclick="alert('瑞瑞女裝')"> 2. 內嵌式 ```html

3. 外部引入html

```

我們的老朋友——變數

大家都學習了c語言,那麼對變數也有了一定的理解,但是在js中變數是鬆散型別的,可以儲存任何值
未進行初始化的變數會儲存一共特殊的值-undefined

變數的命名規範

js中的變數是有命名規範的 * 變數必須以字母開頭 * 變數名稱對大小寫敏感(A和a是不同的變數) js let a; let 1a; let A;

宣告變數

大家也看到上面我宣告變數的方式了,一共有三種,這三種方式主要的區別就是變數的作用域 1. var: 2. let: 3. const:

資料型別

  1. 動態型別

    動態型別即是相同的變數可用作不同的型別 c int a; float c; char a; js var a = 1; var b = "1" var c = "123" typeof(a) typeof(b) typeof(c)

  2. 字串

    字串是儲存字元)的變數。
    字串可以是引號中的任意文字,可以使用單引號或雙引號: js var carname="my name id cxy"; var carname='my name id cxy'; 字串也可以進行拼接即兩個字串拼接成一個字串,1+1=1 js var a = "1" var b = "2" console.log(a+b) 當然我們字串拼接中可以拼接變數,解決一些內容要隨著資料更改的要求 js var a = 20 console.log('cxy'+a+'歲') 其中單引號與雙引號在語法上沒有區別,也僅僅只是在規範上有所不同。

  3. 數字

    js中只有一種數字型別,這和c語言有極大的不同 js var a = 100; typeof(a); var b = 3.14; typeof(b);

  4. 布林 布林只有true和false兩個值
  5. 陣列

    在程式中陣列是我們經常要用到的 js var array = new Array(); array[0] = 1; array[1] = "qinli" console.log(array);

  6. Undefined 在 JavaScript 中,沒有值的變數,其值是 undefined。typeof 也返回 undefined。 js var a; console.log(a) //輸出undefined
  7. 物件👩‍🦰🧑

    大家都知道物件是什麼嗎😛

其實他和c語言的結構體類似 比如我宣告一個學生的結構體,給他賦予一些屬性,比如名字,年齡,專業,等等 那麼我們在js中宣告一個物件,賦予物件名字,年齡,性別的屬性。 js var person={ name : "John", id : 5566 }; console.log(person.name) console.log(person["name"]) 8. Null NULL是一共比較特殊的變數 js typeof(null) //輸出結果為object 這是因為null表示一個空物件指標 它與undefined的區別是它是空值,undefined是未定義

我們的左膀右臂——函式

函式宣告與函式表示式

  1. 函式宣告 js function myname(){ var name = "cxy" return name; }
  2. 函式表示式 js var myname = function(){ var name = "cxy" return name; } }

    兩者有啥區別呢?
    大概也就是讀取先後的區別吧

函式宣告會被解析器率先讀取出來,呼叫不會發生報錯
函式表示式則要等到"很久很久很久"才會被解析,呼叫的話會報錯。