RE: 0 從頭開始學JS
- 寫在最前面的話
- JS原生初級
- 過渡篇
- JS寫在哪？
- 常用的測驗方法
- JS冷知識
- script標簽位置
- 注釋
- JS變數以及資料型別
- 變數命名
- 資料型別
- 數字與字串
- 資料型別的判斷函式
- 數字與字串加和問題
- 數字和字串比較問題
- JS 的函式
- 函式
- 宣告
- 呼叫
- 回傳值
寫在最前面的話
由于專案需求，所以開始溫習JS，以此博客敦促自己，也以此記錄自己的經驗與教訓，有失誤之處還請各位不吝賜教，
同樣，本博客也是給我各位親愛的可愛學弟們看的QwQ
由于都是有點C語言基礎的，所以可能會選擇性跳過一些過于簡單的內容~會著重寫一些與C不同的地方以及JS 的獨有特性，這樣學起來也快一點，輕松一點
學習程度：掌握>理解>了解>知道
JS原生初級
過渡篇
學習時間：30min
學習目標：
掌握JS的參考，掌握注釋的使用方法
了解alert函式
JS寫在哪？
具體實體請參照代碼段
1. script標簽
script 標簽可以加標簽屬性：type=“text/javascript” 或者 language=“javascript”，也可以不加
2. 引入外部js檔案
使用src屬性
如果script用來去引入js檔案，那么它里面就不能再寫js代碼了
3. 寫在標簽屬性里面
ps:一個頁面可以插入多個script標簽來引入多個js片段
<body onload="alert(666);">
<script>
alert("123");
</script>
<script src="你要鏈接的檔案名"></script>
</body>
會先后彈窗顯示123 和 666
常用的測驗方法
1.使用alert()函式，具體使用可以參照下面
alert(233);
使用之后瀏覽器會彈出提示框并顯示相關內容
2.使用控制臺輸出
console.log(233);
使用之后，當使用瀏覽器打開檔案時，按F12會在console中顯示
JS冷知識
script標簽位置
script標簽能放在任意的位置，但是最侄訓被瀏覽器整合在head或者body里面
所以說，我們需要將script標簽放置于head或者body標簽包含的內容里面
通常我們會把js代碼寫在結構結束之后，也就是body的最后面,就像這樣：
<body>
<script>alert(1);</script>
</body>
注釋
與C語言類似，多行注釋使用 /* 我是注釋*/ ，單行注釋為 //我是注釋，例子如下
/* 用這對符號，
可以完成對多行代碼的注釋*/
//當然，這樣也可以
ps：注釋最好應當統一風格，在兩種注釋方法中選擇一種使用
JS變數以及資料型別
學習時間：40min
學習目標：
理解變數命名的要求
掌握數字與字串相加結果
了解數字與字串作比較
變數命名
定義變數的要求：
只能包含 數字 字母 _ $
不能以數字開頭
不能和JS原本的API或語法詞沖突
定義變數的規范：
見名知意
駝峰 / _ 連詞
使用var關鍵字來定義變數,省略也同樣可以成功
總的來說和C語言的變數命名方式區別不大，同時也兼容中文變數的命名，但是不推薦這樣使用
var a=0;
var a1=1;
var _a=2;
var $a=3;
a=4;
小明=5;
以上這些都是可以通過的命名方式
但在實際運用中，我們常使用駝峰命名法：
var myMoneyCount
這個變數就表示“我錢的數量”這重意思
駝峰命名法的定義---->點擊我
資料型別
1.數值型別(Number)
無論是整數還是浮點數，八進制還是十進制，在JS當中，資料型別都是Number型別，例如
var x = 10;
var y = 10.5;
其中的x,y都是Number型別的變數
- 字串型別
在JS使用字串需要使用引號（" "）引起來，加上引號表示的就是字串，使用雙引號或是單引號都可以，但是不要混著用，引號不能嵌套，雙引號里面不能不能放雙引，單引號里面不能放單引號
var a='12345';
var b="hello,there";
其中的a,b都是字串變數
- 布爾型別（Boolean）
布林值的取值只有兩個–true 和 false
除條件判斷外，做運算時，true可當1運算；false當做0運算
var yes=true;
var no=false;
- 空值(NULL)
表示宣告物件為賦值，Null型別的值只有一個就是null，null這個值專門用來表示這個為空的物件
var empty=null;
- 未定義（Undefined）
宣告變數未賦值屬于undefined型別
var a;
alert(a);
將會彈出顯示undefined
因為變數a雖然被宣告但沒有賦值，屬于未被定義的變數
- 物件(Object)
這個型別會在后續"面向物件編程"那里展開討論
數字與字串
資料型別的判斷函式
使用typeof函式如：
本代碼段可以復制后直接使用F12除錯臺驗證
var x = 10;
console.log(typeof(x));//會顯示 number
console.log((a))//會顯示undefined,在這里先存一個懸念，就叫它'小笨蛋不知道'定理好了
var a='12345';
console.log(typeof(a));//會顯示 string
var b="hello,there";
console.log(typeof(b));//會顯示string
var yes=true;
console.log(typeof(yes));//會顯示boolean
var empty=null;
console.log(typeof(empty));//會顯示object，這是一個存在了很久的bug,暫時還沒有被修復
就可以判斷出資料的型別辣！
數字與字串加和問題
先來問一個小問題，變數x,y,z,a,b,c分別是什么資料型別：
var x=10;
var y='10';
var z=10+y;
var a=5;
var b=x+a;
var c=b+y;
首先，x和y的資料型別根據之前的學習應該還是比較好判斷的
數值型別(Number)
無論是整數還是浮點數，八進制還是十進制，在JS當中，資料型別都是Number型別
字串型別
在JS使用字串需要使用引號（" "）引起來，加上引號表示的就是字串，使用雙引號或是單引號都可以，但是不要混著用，引號不能嵌套，雙引號里面不能不能放雙引，單引號里面不能放單引號
所以很容易就可以知道x是數字型別，而y是字串型別，
接下來就要解決z的問題了，可能小伙伴們會疑惑，為什么數字可以和字串加起來呢？這在C語言當中妥妥的報錯呀~
在JS當中，‘+’這個符號有著不少的特殊行為，
| x | y | x+y |
|---|---|---|
| 數字 | 數字 | 數字之和 |
| 10 | 10 | 20 |
| 字串 | 字串 | 字串拼接 |
| ‘10’ | ‘10’ | ‘1010’ |
| 數字 | 字串 | 數字轉化為字串后拼接 |
| 15 | ‘20‘ | 1520 |
| ’20’ | 15 | 2015 |
在字串與數字相加時，數字會先轉化為字串然后按照字串相加的規律進行拼接，
翻頁有點麻煩，把之前的代碼抄下來
var x=10;
var y='10';
var z=10+y;
var a=5;
var b=x+a;
var c=b+y;
經過剛才的學習，現在顯而易見的可以看出來，z和c的型別是字串 ，a和b的型別是數字，
可以通過
alert(typeof(z));
來驗證一下~
再來求一下z，b，c的值
z-->10+y=10+'10'=1010
b-->10+5=15
c-->15+'10'=1510
最后，來一道題目檢驗一下學習成果~
本代碼段可以復制后直接使用F12除錯臺驗證
var x=10;
alert(x + 2 + "x" + 1);
答案應該是12x1~
咱來一步步決議
首先x+2 原式=12+"x"+1
接著12+"x" 原式="12x"+1
最后得出12x1辣~
數字和字串比較問題
var a=2>1;
var b=2<1;
這兩個比較的答案是顯而易見的，a=true,b=false,
var c="beta">"alpha";
var d="Beta">"alpha";
則比較的是字串的ascll碼，
“b”>“a”,所以c=true
而“B”<“a”，所以d=false
那么難題來了，以下的資料比較怎么完成呢？
var e=25"<3;
var f="25"<"3";
var g="a"<3;
e在比較時字串 “25” 將被轉換成數字 25，然后與數字 3 進行比較，結果不出所料，e=false
f 比較的是字串 “25” 和 “3”，兩個運算元都是字串，所以比較的是它們的字符代碼（“2” 的字符代碼是 50，“3” 的字符代碼是 51）f=true
而g在比較時，由于a無法轉化成數字,所以無法比較，只能回傳錯誤，也就是false，g=false
JS 的函式
函式
宣告
函式的宣告方法：
function functionName(arg0, arg1, ... argN) {
statements
}
其中的arg0,arg1,…argN都是傳入函式的引數，如果沒有引數直接省略括號內的內容就好啦~
先來舉個例子嗷，上一個經典款的sayhi函式
function sayHi(Name, Message) {
alert("Hello " + Name + Message);
}
呼叫
首先宣告
function sayHi(Name, Message) {
alert("Hello " + Name + Message);
}
接著直接使用函式名+傳入引數形式來呼叫(和C語言及其相似)
本代碼段可以復制后直接使用F12除錯臺驗證
function sayHi(Name, Message) {
alert("Hello " + Name + Message);
}
sayHi("heng"," have a good day");
回傳值
和C語言當中一樣，JS中的函式可以有回傳值(也可以沒有)
在函式回傳某個值的時，函式結束并回傳特定值
繼續用sayhi函式來舉例，這時候我們不直接用alert來顯示結果，而是通過顯示函式回傳值的形式：
本代碼段可以復制后直接使用F12除錯臺驗證
function sayHi(Name, Message) {
return ("Hello " + Name + Message);
}
alert(sayHi("heng"," have a good day"));
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/172229.html
標籤：其他