2021琴理工作室JS基礎教學(上)
小知識,大挑戰!本文正在參與“程式設計師必備小知識”創作活動。 # 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:
資料型別
- 動態型別
動態型別即是相同的變數可用作不同的型別
c int a; float c; char a;
js var a = 1; var b = "1" var c = "123" typeof(a) typeof(b) typeof(c)
- 字串
字串是儲存字元)的變數。
字串可以是引號中的任意文字,可以使用單引號或雙引號:js var carname="my name id cxy"; var carname='my name id cxy';
字串也可以進行拼接即兩個字串拼接成一個字串,1+1=1js var a = "1" var b = "2" console.log(a+b)
當然我們字串拼接中可以拼接變數,解決一些內容要隨著資料更改的要求js var a = 20 console.log('cxy'+a+'歲')
其中單引號與雙引號在語法上沒有區別,也僅僅只是在規範上有所不同。 - 數字
js中只有一種數字型別,這和c語言有極大的不同
js var a = 100; typeof(a); var b = 3.14; typeof(b);
- 布林 布林只有true和false兩個值
- 陣列
在程式中陣列是我們經常要用到的
js var array = new Array(); array[0] = 1; array[1] = "qinli" console.log(array);
- Undefined
在 JavaScript 中,沒有值的變數,其值是 undefined。typeof 也返回 undefined。
js var a; console.log(a) //輸出undefined
- 物件👩🦰🧑
大家都知道物件是什麼嗎😛
其實他和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是未定義
我們的左膀右臂——函式
函式宣告與函式表示式
- 函式宣告
js function myname(){ var name = "cxy" return name; }
- 函式表示式
js var myname = function(){ var name = "cxy" return name; } }
兩者有啥區別呢?
大概也就是讀取先後的區別吧
函式宣告會被解析器率先讀取出來,呼叫不會發生報錯
函式表示式則要等到"很久很久很久"才會被解析,呼叫的話會報錯。
- 一份非官方的稀土掘金社群活動攻略
- 學長突然問我用過Symbol嗎,我哽咽住了(準備捱罵)
- 助力鄉村振興,我為農民伯伯開發了這款微信小程式
- 迷茫者的抉擇,我與掘金的故事,準大三生的年中總結
- 盤點幾種資料型別的解構賦值細節
- vue electron 開發一個實時監測github的跨端桌面應用
- 微信小程式實戰之骨架屏的應用與實現
- 小程式觸底載入與下拉重新整理功能的設計與實現
- 非Vuex實現的登入狀態判斷封裝
- 盤點JS判斷空物件的幾大方法
- 初識指令碼語言VBS
- 瀏覽器物件模型BOM的基本使用
- 基本的移動端適配
- WSL入門與Linux基礎❤
- 超Q的彈性盒子——flex✨
- 2021琴理工作室JS基礎教學(上)