今天在整理筆記，這是我重新整理的JavaScript的筆記。我覺得學什么東西，就應該認真去學，努力去學！

java學習筆記

一、js有三種方式來使用

• 1. 首先第一種：寫在標簽里面
• 2. 其次第二種：寫在頁面script標簽里面
• 3. 最后第三種：寫在單獨的一個***.js文件里

演示：

• 標簽里的js：+ 需要事件去驅動;+ <a href="javascript:alert('hello world')">點擊</a>+ 寫在行內會通過點擊激活操作執行
• 內聯式寫法：

• 寫在script雙標簽內，一般寫在body里，head之適合引入，在head內不適合寫js代碼;
• 代碼寫在了script標簽里面會立即執行

• 外鏈式寫法

• 在外部創建一個獨立的***.js文件；
• 用script雙標簽進行引入
• 用外鏈式引入和內嵌式不能混用，否則會優先執行外鏈的
• 引入的代碼也是立即執行

變量

定義

• 存放數據的容器

命名規則

• 首字母只能是$, _, 字母
• 由數字，字母，下劃線以及$符號來命名
• + 不能由字母開頭*
• + 最好就是見名知意

語法規則

• 關鍵字 ： 代表特殊含義的運算
• var 變量
• + 通常叫做聲明
• + 關鍵字不需要運算，因為其本身就是運算規則
• + var $a1;
• + var _a1;
• + var a_1;
• + str = "Hello World";

賦值

• 利用賦值符號來給變量賦值
• var a1 = 5;
• var a2 = "nihao"

數據類型

• 物種簡單數據類型：
• + 1.字符串 string;
• + 2.數字 number;
• + 3.布爾值 boolean;
• + 4.undefined undefined;
• + 5.null null
• 關鍵字 typeof 能查看數據屬于什么類型
• + typeof：
• + var bool = false;
• + var str = "Hello World"; // expected output:
• + var res1 = typeof(bool); // expected output: Boolean
• + var res2 = typeof str; // expected output: String

數據類型的轉換

為什么要數據類型轉換

• JavaScript 的變量之中可以存儲任意類型的數據;
• 其他類型轉換位數字的規則：
• + 通用轉換方式：
• + 通用轉換方式：
• + API: Number(被轉換的數據類型);
• + JavaScript 所有的API都需要區分大小寫
• + 1.純數字字符串：
• + var str1 = "123456";
• + var num1 = Number(str1); console.log(str1, num1); //expected output : "123456" 123456
• + 2.數字字母混淆的字符串
• + var str2 = "123abc123";
• + var num2 = Number(str2); console.log(str2, num2); //expected output : "123abc123" NaN
• + 3.NaN的特征：
• + 1).NaN 轉化為boolean ==> flase;
• + 2).NaN 不等于任何數值包括NaN;
• + 3).NaN 判斷需要特殊的API ： isNaN;
• + parseInt() / parseFloat()轉換
• + parse 的轉換不是整體進行字符串的類型轉化，而是逐個字符的進行類型抓換
• + 如果字符串的開頭字符是非數字，返回結果為NaN
• + 若是數字開頭，轉換到字母就不認識了返回數字
• + parseInt 的高級用法 :
• + 進制轉換 parseInt("不同進制的數值", 當前字符之中的數值為多少進制 | Number);
• + var num3 = parseInt("0x68FA", 16); console.log(num3); // expected output: 26874
• + 布爾轉數字
• + false => 0;
• + true => 1;
• + undefined 轉數字
• + NaN
• + 基本類型轉換的應用 => 數字常用計算 :
• + 特殊： +
• + 倆個含義： 一個是數字相加，
• + 一個是連接
• + var str3 = "10";
• + var str4 = "11";
• + var str5 = str3 + str4; console.log(str5); // expected output : 1011
• + var str6 = 10;
• + var str7 = "20";
• + var str8 = str6 + str7; console.log(str8); // expected output : 1020
• + 結論：
• + 1.先判斷 + 運算， 左右兩側數值不一致
• + 數字 + 字符串
• + 優先把數字轉換為字符串
• + 100 ==> "100"
• + 進行同類運算
• + 如果運算符倆側沒有字符串，優先轉換為數字類型進行計算
• + var bool2 = true;
• + var num3 = 20;
• + var num4 = bool2 + num3; console.log(num4); // expected output : 21;
• + * / - % 都是優先轉換為數字才運算
• + var str9 = "5";
• + var str10 = "10";
• + console.log(str9 - str10); // expected output : -5
• + console.log(str9 * str10); // expected output : 50
• + console.log(str9 / str10); // expected output : 0.5
• + console.log(str9 % str10); // expected output : 5
• + NaN 和任何數字計算結果都是 NaN
• + var str11 = "5hello";
• + var str12 = "10";
• + var str13 = str11 * str12; console.log(str13) // excepted output : NaN
• + string 字符串
• + String() 轉換
• + 1. 全部轉換為字符串
• + toString() 轉換
• + 1.變量.toString()取出
• + 2. js中 undefined 和null不允許去除運算，否則會
• + 3. 隱式數據類型轉換
• + var bool4 = true;
• + var str15 = boo3 + ""; console.log(str15); // expcepted output: true
• + 4. toString()進制轉換
• + var num15 = 99;
• + var num16 = num15.toString(16); console.log(num16); // excepted output : 63
• + toString 轉換進制的范圍在 2 ~ 36 進制; 如果不在這個范圍之內會報出 RangError ;
• + 5.false ：
• + 除了 0 和 NaN 會轉換為False 其他的值都轉換為true;

最后推薦學習前端一本書：

- javascript 高級程序設計 (第四版)

大家想和我一起學前端，可以關注我，我每天都會記錄我學習的心得。

雖然我確實不喜歡前端，但是為了工作，我還是選擇了前端，這就是我老家長輩常說的一句話，你以后干的工作可能是你不喜歡的工作。

大家都是以后為了生活，所以，加油吧，學習的人， 加油吧，正在工作的人，希望通過努力，你變得優秀，我也能變得更加優秀。

加油 ！！

總結

以上是生活随笔為你收集整理的JavaScript入门第一天，js教程，js变量， 数据类型，数据转换，隐式转换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。