文章目錄
- 前言
- 讀前思考！
- 1 編寫JavaScript的三類位置
- 1.1 寫在HTML頁面内的JavaScript
- 1.2 寫在某個控件裡的JavaScript
- 1.3 單獨文本裡的JavaScript
- 2 JavaScript怎麼寫呢
- 2.1 在知道如何寫代碼之前需要明白幾個點：
- （1）寫js注意事項
- （2）什麼是字面量、變量和辨別符
- （3）JavaScript的六類資料類型
- 🚩強制類型轉換：
前言
📖部落客介紹
個人首頁： Zinksl程式設計社群： Zinksl程式設計酒館
個人格言： 想法落實的最佳時機就是現在！🏄
記錄學習點滴，認真分享技術；如果分享對你有用請支援我哦🍺
讀書筆記正是幫助你記錄和回顧的工具，不必拘泥于形式，其核心是：記錄、翻看、思考
讀前思考！
在使用之前要先明白2個問題：
- 在哪裡寫（用）JavaScript代碼？
- 如何寫JavaScript代碼？
1 編寫JavaScript的三類位置
1.1 寫在HTML頁面内的JavaScript
JavaScript作用于顯示頁，必然可以嵌在頁面中，在HTML頁面是通過寫入的，代碼寫在兩個标簽之間；這種方式也叫【JavaScript的内嵌式】
嵌入HTML中的js示例:
<!DOCTYPE html>
<html>
<head>
<!-- 設定字元集 -->
<meta charset="utf-8" />
<!-- 頁面标題 -->
<title>hello word</title>
<!-- js标簽 -->
<script type="text/javascript" >
// 彈窗警告提示
alert("hello word!");
// 往頁面中寫入内容
document.write("你好我是，小Z學長！");
// 控制台列印内容
console.log("我們一起學習JavaScript啊");
</script>
</head>
<body>
</body>
</html> 代碼的執行順序在預設情況下是由上往下逐條執行【在執行頁面顯示效果可以說明】
1.2 寫在某個控件裡的JavaScript
以下兩個示例我們可以看出來，JavaScript代碼也可以寫入控件内部執行；這種方式叫【JavaScript的行内式】
JavaScript代碼寫入控件示例：
<!DOCTYPE html>
<html>
<head>
<!-- 設定字元集 -->
<meta charset="utf-8" />
<!-- 頁面标題 -->
<title>hello word</title>
</head>
<body>
<!-- 點選按鈕彈出警示框 -->
<button οnclick=alert("嘿，點我就一起學習吧！") >誰敢點我試試！</button>
</body>
</html> JavaScript代碼寫入超連結示例：
<!DOCTYPE html>
<html>
<head>
<!-- 設定字元集 -->
<meta charset="utf-8" />
<!-- 頁面标題 -->
<title>hello word</title>
<!-- js标簽 -->
</head>
<body>
<!-- 在超連結中寫入JavaScript代碼 -->
<a href="JavaScript:alert('嘿，你還點')">再點我試試！</a>
<a href="JavaScript:;">再點我試試！</a>
</body>
</html> 1.3 單獨文本裡的JavaScript
單獨JavaScript文檔：
alert("我是外部JavaScript，你敢相信？"); HTML文檔：
<!DOCTYPE html>
<html>
<head>
<!-- 設定字元集 -->
<meta charset="utf-8" />
<!-- 頁面标題 -->
<title>hello word</title>
<!-- js标簽 -->
<!-- 引入外部js代碼 -->
<script type="text/javascript" src="./js/firstJavaScript.js">
</script>
</head>
<body>
</body>
</html> 在HTML中通過script标簽引入外部單獨js的這種方式叫【外鍊式】
2 JavaScript怎麼寫呢
2.1 在知道如何寫代碼之前需要明白幾個點：
（1）寫js注意事項
①JavaScript嚴格區分大小寫
②“;”标志JavaScript語句結束
③JavaScript忽略多個空格和換行[在代碼間的空格or換行不影響代碼執行效果]
（2）什麼是字面量、變量和辨別符
根據字面意思我們就可以得出結果，字面量就是不可改變的量好比數字“1”永遠是1；
變量好比是年齡，今年18明年就19了，此處“年齡”就是一個變量與數學中的未知量類似；
辨別符就是給變量、對象等起的名字就是辨別符，好比以下示例中的age；辨別符必須滿足三個規定：①組成隻能是字母大小寫、數字“$”和“_”；②不能以數字開頭；③不能是關鍵字或者保留字；最後命名建議使用駝峰命名規範要做到見名知意（一看辨別符就知道是什麼意思）；
在JavaScript中變量如何聲明呢，通過關鍵字var聲明，聲明一個年齡age如下：
//聲明變量
var age;
//聲明并指派
var age = 18；
（3）JavaScript的六類資料類型
在拿到某個變量不知其資料類型時，可通過typeof運算符進行檢測；
示例：
// 彈警示框
alert("我是外部JavaScript，你敢相信？");
// 定義字元串
var name = "zinksl";
// 使用typeof運算符得到name資料類型
alert(typeof name); | 名稱 | 字元串 | 數值型 | 布爾型 | 未定義 | 空 | 對象類型 |
| 類型 | 基本類型 | 引用類型 | ||||
| 關鍵字 | String | Number | Boolean | Undefined | Null | Object |
| 示例 | var name = “z”; var name1 = ‘z’; | var numb = 18; | var flag= false; var flag1= true; | |||
| 備注： | 單引号和雙引号都可以表示字元串； | NaN、Infinity都是num類型；分别是：not a number和無窮大 | 布爾類型隻有兩個值true和false | 表示未定義 | 表示空對象 |
🚩強制類型轉換：
①其他資料轉String類型
通過調用被轉換資料類型的toString方法實作轉換；
示例：
//定義數值類型age
var age = 18;
//強制轉換為String類型
var str = age.toString();
console.log(typeof str);
注意：【null和undefined不能用使用toString方法,但是可以調用String()函數】
示例：
//定義變量
var temp = null;
//接受函數傳回值
var a = String(temp);
//在控制台輸出運算結果
console.log(typeof a); ②其他資料轉Number類型
通過Number()函數實作轉換；
| 資料類型 | 通過Number()函數轉後 | 備注 |
| 純數字： | 直接轉數值型； | |
| 含有其他字元： | 則轉為NaN； | |
| 空串或者空格： | 轉為“0”； | |
| true | 1 | |
| false | ||
| null | ||
| undefined | NaN |
針對字元轉數值的兩個函數：parseInt()隻取整數、parseFloat()
③其他資料類型轉為Boolean類型；
使用Boolean()函數轉換；
| 資料類型 | 通過Boolean()函數轉後 | 備注 |
| 數值類型：0和NaN | false | |
| 其他數值類型 | true | |
| 字元串類型：空串 | false | |
| 其他字元串 | true | |
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)