今天在整理筆記，這是我重新整理的JavaScript的筆記。我覺得學(xué)什么東西，就應(yīng)該認(rèn)真去學(xué)，努力去學(xué)！

java學(xué)習(xí)筆記

一、js有三種方式來使用

• 1. 首先第一種：寫在標(biāo)簽里面
• 2. 其次第二種：寫在頁面script標(biāo)簽里面
• 3. 最后第三種：寫在單獨(dú)的一個(gè)***.js文件里

演示：

• 標(biāo)簽里的js：+ 需要事件去驅(qū)動(dòng);+ <a href="javascript:alert('hello world')">點(diǎn)擊</a>+ 寫在行內(nèi)會(huì)通過點(diǎn)擊激活操作執(zhí)行
• 內(nèi)聯(lián)式寫法：

• 寫在script雙標(biāo)簽內(nèi)，一般寫在body里，head之適合引入，在head內(nèi)不適合寫js代碼;
• 代碼寫在了script標(biāo)簽里面會(huì)立即執(zhí)行

• 外鏈?zhǔn)綄懛?

• 在外部創(chuàng)建一個(gè)獨(dú)立的***.js文件；
• 用script雙標(biāo)簽進(jìn)行引入
• 用外鏈?zhǔn)揭牒蛢?nèi)嵌式不能混用，否則會(huì)優(yōu)先執(zhí)行外鏈的
• 引入的代碼也是立即執(zhí)行

變量

定義

• 存放數(shù)據(jù)的容器

命名規(guī)則

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

語法規(guī)則

• 關(guān)鍵字 ： 代表特殊含義的運(yùn)算
• var 變量
• + 通常叫做聲明
• + 關(guān)鍵字不需要運(yùn)算，因?yàn)槠浔旧砭褪沁\(yùn)算規(guī)則
• + var $a1;
• + var _a1;
• + var a_1;
• + str = "Hello World";

賦值

• 利用賦值符號(hào)來給變量賦值
• var a1 = 5;
• var a2 = "nihao"

數(shù)據(jù)類型

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

數(shù)據(jù)類型的轉(zhuǎn)換

為什么要數(shù)據(jù)類型轉(zhuǎn)換

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

最后推薦學(xué)習(xí)前端一本書：

- javascript 高級(jí)程序設(shè)計(jì) (第四版)

大家想和我一起學(xué)前端，可以關(guān)注我，我每天都會(huì)記錄我學(xué)習(xí)的心得。

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

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

加油 ！！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。