JavaScript基礎(chǔ)概念
JS的組成：
1.ECMAScript：Js語法
2.DOM：文檔對象模型 ， 文檔：html文檔 ，操作html文檔 （操作html文檔的工具）
3.BOM：瀏覽器對象模型 ， 操作瀏覽器的工具
JS的三種書寫方式
行內(nèi)式，內(nèi)嵌式，外部鏈接
JavaScript輸入·輸出語句
alert(msg) 瀏覽器彈出警告框
consle.log(msg) 瀏覽器控制臺打印輸出信息
prompt(info) 瀏覽器彈出輸入框 用戶可以輸入信息
我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號并在后臺私信我：前端，即可免費獲取。
變量的概念
通俗：變量是用于存放數(shù)據(jù)的容器。 我們通過 變量名 獲取數(shù)據(jù)，甚至數(shù)據(jù)可以修改。
變量理解：變化的量，變化的內(nèi)容，變化的數(shù)據(jù)
變量存儲數(shù)據(jù)理解：程序運行過程中的數(shù)據(jù)存儲在內(nèi)存中，但是內(nèi)存比較大，為了方便管理，所以將內(nèi)存分成一個一個的盒子（變量）來存儲
變量的使用
1.聲明變量 var 變量名；var age；（聲明一個 名稱為age 的變量）
2.變量的賦值 var 變量名 = 值; var age = 18; 聲明變量age同時賦值為 18
變量案例
var myname = '旗木卡卡西'; // 字符串
var address = '火影村';
var age = 30; // 數(shù)字
var email = 'kakaxi@itcast.cn';
var gz = 2000;
console.log(myname);
console.log(address);
console.log(age);
console.log(email);
console.log(‘gz’); // gz
console.log(gz); // 2000
注意：
- 變量賦值時，值如果是字符串需要添加’’,“”
- 每行代碼結(jié)束，都需要添加;
- 變量在使用時，不能添加引號 （定義，聲明變量的時候，沒有引號，使用的時候自然也不能添加引號）
案例2：
// 1. 用戶輸入姓名 存儲到一個 myname的變量里面
var myname = prompt('請輸入您的名字');
// prompt 做的事情：
// (1). 彈出輸入框 , 用戶輸入內(nèi)容:zs
// (2). 將用戶輸入內(nèi)容返回 ，相當于 ：var myname = 'zs';
// 2. 輸出這個用戶名
alert(myname); // zs
變量命名規(guī)范
規(guī)則
由字母(A-Za-z)、數(shù)字(0-9)、下劃線(_)、美元符號( $ )組成，如：usrAge, num01, _name ***
嚴格區(qū)分大小寫。var app; 和 var App; 是兩個變量
不能 以數(shù)字開頭。 18age 是錯誤的
不能 是關(guān)鍵字、保留字。例如：var、for、while
變量名必須有意義。 MMD BBD nl → age
遵守駝峰命名法。首字母小寫，后面單詞的首字母需要大寫。 myFirstName
推薦翻譯網(wǎng)站： 有道 愛詞霸
變量案例-交換兩個變量
// js 是編程語言有很強的邏輯性在里面： 實現(xiàn)這個要求的思路 先怎么做后怎么做
// 1. 我們需要一個臨時變量幫我們
// 2. 把apple1 給我們的臨時變量 temp
// 3. 把apple2 里面的蘋果給 apple1
// 4. 把臨時變量里面的值 給 apple2
var temp; // 聲明了一個臨時變量為空
var apple1 = '青蘋果';
var apple2 = '紅蘋果';
temp = apple1; // 把右邊給左邊
apple1 = apple2;
apple2 = temp;
console.log(apple1);
console.log(apple2);
簡單數(shù)據(jù)類型
JavaScript 中的簡單數(shù)據(jù)類型及其說明如下：
數(shù)字型范圍：JavaScript中數(shù)值的最大和最小值
alert(Number.MAX_VALUE); // 1.7976931348623157e+308 （10的正308次方）
alert(Number.MIN_VALUE); // 5e-324 5e-324 （10的負324次方）
數(shù)字型三個特殊值
alert(Infinity); // Infinity
alert(-Infinity); // -Infinity
alert(NaN); // NaN ***
//課堂代碼：
// 5. 無窮大
console.log(Number.MAX_VALUE * 2); // Infinity 無窮大
// 6. 無窮小
console.log(-Number.MAX_VALUE * 2); // -Infinity 無窮大
// 7. 非數(shù)字
console.log('pink老師' - 100); // NaN：字符串是無法與數(shù)字進行運算的，所以結(jié)果是一個非數(shù)字
isNaN
用來判斷一個變量是否為非數(shù)字的類型，返回 true 或者 false
var usrAge = 21;
var isOk = isNaN(userAge);
console.log(isNum); // false ，21 不是一個非數(shù)字
var usrName = "andy";
console.log(isNaN(userName)); // true ，"andy"是一個非數(shù)字
字符串型 String
字符串型可以是引號中的任意文本，其語法為 雙引號 “” 和 單引號’’
var strMsg = "我愛北京天安門~"; // 使用雙引號表示字符串
var strMsg2 = '我愛吃豬蹄~'; // 使用單引號表示字符串
// 常見錯誤
var strMsg3 = 我愛大肘子; // 報錯，沒使用引號，會被認為是js代碼，但js沒有這些語法
字符串引號嵌套
JS 可以用單引號嵌套雙引號 ，或者用雙引號嵌套單引號 (外雙內(nèi)單，外單內(nèi)雙)
var strMsg = '我是"高帥富"程序猿'; // 可以用''包含""
var strMsg2 = "我是'高帥富'程序猿"; // 也可以用"" 包含''
// 常見錯誤
var badQuotes = 'What on earth?"; // 報錯，不能 單雙引號搭配
字符串轉(zhuǎn)義符
類似HTML里面的特殊字符，字符串中也有特殊字符，我們稱之為轉(zhuǎn)義符。
轉(zhuǎn)義符都是 \ 開頭的，常用的轉(zhuǎn)義符及其說明如下：
字符串長度
- 字符串是由若干字符組成的，這些字符的數(shù)量就是字符串的長度
- 通過字符串的 length 屬性可以獲取整個字符串的長度
var strMsg = "我是帥氣多金的程序猿！";
alert(strMsg.length); // 顯示 11
字符串拼接
- 多個字符串之間可以使用 + 進行拼接，其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串
- 拼接前會把與字符串相加的任何類型轉(zhuǎn)成字符串，再拼接成一個新的字符串
//1.1 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//1.2 數(shù)值字符串 "相加"
alert('100' + '100'); // 100100
//1.3 數(shù)值字符串 + 數(shù)值
alert('11' + 12); // 1112
//以上的字符串拼接都沒有意義，一般我們字符串會與變量進行拼接
原文鏈接：https://blog.csdn.net/H_eartbeat/article/details/103102782
（正文已結(jié)束）
推薦閱讀：三亞視窗
免責(zé)聲明及提醒：此文內(nèi)容為本網(wǎng)所轉(zhuǎn)載企業(yè)宣傳資訊，該相關(guān)信息僅為宣傳及傳遞更多信息之目的，不代表本網(wǎng)站觀點，文章真實性請瀏覽者慎重核實！任何投資加盟均有風(fēng)險，提醒廣大民眾投資需謹慎！
