文章目錄

初識JavaScript(二)
- 前言：
- 溫馨提示：
- - 變數
  - - 什么是變數？
    - - 1.宣告
      - 2.賦值
      - 變數的命名規范
  - 為什么需要資料型別？
  - 簡單資料型別(基本資料型別）
  - - 數字型
    - - 數字型進制
      - 2.數字型范圍
      - 3.數字型三個特殊值
    - 字串型 String
    - - 字串轉義符
    - 布爾型Boolean
  - 什么是資料型別的轉換
  - - 1.轉換為字串
    - 2.轉換為數字型(重點)
    - - (一)利用js提供的函式
      - (二)強制轉換 Number()轉換函式
      - (三)js的隱形轉換(- * /) **注意沒有+,+起拼接作用**
    - 轉化為布爾型
    - - 結束語

初識JavaScript(二)

前言：

我不是搞前端，而是搞后端的，本命編程語言是java，學習js的嘛，因為看到室友能做出動態網頁，而我只能做出靜態網頁，再加上下個學期要學所以提前來學習學習，

溫馨提示：

java和javsScript沒有半毛錢關系，只是javaScript被SUN公司收購后，把改成jaaScript，第一是因為SUN的主打產品是java，第二是利用java的知名度去javaScript做廣告，擴大javaScript的影響力，
接下來就分享今日的干貨

變數

什么是變數？

我們需要用編程語言去處理現實生活中的各種資料，而各種資料又是存盤在哪里的呢？答案就是變數，變數不是什么高大尚的東西，它就是一個裝東西的盒子把它說塑料袋也不為過，變數的本質就是在記憶體中開辟一塊存放資料的空間，類似的我們酒店的房間，一個房間就可以看做一個變數，
變數的使用
變數使用時分為兩個步驟，1.宣告變數，2.賦值，我們還是用同樣的思想去理解這兩個步驟，有一天我來一家酒店，我向老板說要開一間單人房,當我付錢后，老板給我房卡，這就意味著我在某一個期限內，可以入住那個房間，(我付錢，老板給卡,相當于宣告），我入住之后，空房間有人了相當于賦值，

接下來看看JS中的變數的使用

1.宣告

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		var age;
		</script>
	</head>
	<body>
	</body>
</html>

var 是js的一個關鍵字，用來宣告變數(variable變數的意思)，使用該關鍵字宣告變數后，計算機自動為變數分配記憶體空間
age程式員定義的變數名，我們要通過變數名來訪問記憶體中分配的空間

2.賦值

var age=19; //給age這個變數賦值為19

=用來把右邊的值給左邊的變數空間，這就是賦值
變數值是程式員保存到空間變數里的值

3.二個語法小細節

更新變數：一個變數被重新賦值后，它原來的值就會被覆寫，變數值以最后一次賦的值為準

var age=18;
age=19;//最后的結果為19.因為18被19覆寫了

同時宣告多個變數:只需寫一個var ，然后變數名之間用英文逗號隔開

var age,number,average;

宣告變數的特殊情況

特殊一

		var sex;只宣告，不賦值，程式也不知道是啥，所以結果是 undefined (未定義的)
		console.log(sex);

特殊二

	console.log(sex); 不賦值，不宣告，直接使用某個變數會報錯

特殊三

qq=90;
console.log(qq); 不宣告直接賦值直接用，不會報錯！！！
這就很離譜，但是在javaScript就是對的，因為它太自由了，

變數的命名規范

有字母(A_Z,az)，下劃線_,美元符號$組成，如userName
嚴格區分大小寫，var app;和var App;是兩個變數
不能以數字開頭，如12age則是錯誤的
不能是關鍵字，保留字，例如：var ,for ,while.
變數名必須有意義，要做到見名知意
遵循駝峰命名法：首字母大寫，后面的單詞首字母需要大寫，如：myName
推薦翻譯網站：有道，或者直接百度

為什么需要資料型別？

編程語言是用來處理現實生活中的問題，我們在現實世界中要處理各種各樣的資料，其中就有整數，小數，文字等等，對應的在編程語言也有整數，浮點數，字符，在計算機中不同型別的資料所占的儲存空間也是不一樣的，為了方便把資料分為所需記憶體大小不同的資料，充分的利用儲存空間，于是就定義了不同的資料型別，簡單的來說，資料型別就是資料的類別型號，就是對資料分類，如姓名，“葉秋涵”，年齡18，這些資料的型別的就是不一樣的，

變數的資料型別

變數是用來儲存值的所在處，它們都有其名字和型別，變數的資料型別決定了如何將代表這些值的位儲存到計算機的記憶體中，javaScript是一種弱型別或者說動態語言，這意味著不用提前宣告變數的

型別，程式在執行程序中會自動，

var age=10;          //這是一個數字型
var name='葉秋涵';      //這是一個字串

在代碼的運行程序中，變數的資料型別是由js引擎根據=右邊變數值的資料型別來判斷的，運行完畢之后，變數就確定了資料型別

js擁有動態型別，同時意味著相同的變數可以作不同的型別

var x=6;      //x為數字
var x='嗶哩嗶哩';  //x為字串

簡單資料型別(基本資料型別）

js中的簡單資料型別及其說明

簡單資料型別	說明	默認值
Number	數字型，包括整數值和浮點數值，如12，0.2022	0
Boolean	布林值是型別，如true,false,等價于1和0	false
String	字串型別，如"葉秋涵",注意在js中字串都帶引號	“”
Undefined	var a; 宣告變數a但是沒有給值，此時a=undefined	undefined
Null	var a=null; 宣告a變數為空值	null

數字型

數字型進制

最常見的進制有二進制，八進制，十進制，十六進制

//1.八進制數字序列范圍0~7
var num1=07; //對應十進制的7
var num2=019; //對應十進制的19
var num3=08  //對應十進制的8
//2.十六進制數字序列范圍：0~9以及A~F
var num=0xA;

現在我們只要記住,在js中八進制前面加0，十六進制前面加0x

2.數字型范圍

js中數值的最大值和最小值

	alert(Number.MAX_SAFE_INTEGER);//9007199254740991
	alert(Number.MIN_VALUE);//5e-324

3.數字型三個特殊值

	alert(Infinity);//Infinity
	alert(-Infinity);//-Infinity
	alert(NaN);//NaN

Infinity,代表無窮大，大于任何值
-infinity,代表無窮小，小于任何值
NaN, Not a number,代表一個非數值

字串型 String

字串型可以是引號中的任意文本，其語法是單引號**’'和雙引號""**

			var srtAge = '18';
			var strName = '葉秋涵';
			var srtFood = '我愛垃圾食品';
			//常見錯誤
			var srtNum2 = 11; //報錯，沒有引號，會被認為是js代碼，但是js沒有這些語法

因為在HTML標簽中里面的屬性使用的是雙引號，js這里我們更推薦使用單引號

字串引號嵌套

js可以用單引號嵌套雙引號，或者用雙引號嵌套單引號(外雙內單，內單外雙)

var strMsy = '我是"程式員"蕭寒';
			console.log(strMsy)
			var strMsy2 = "我是'程式員'蕭寒";
			console.log(strMsy2);
			//常見錯誤
			var badQuotes = "What on earth？"';
			console.log(strMsy2);

結果如下

在這里插入圖片描述

字串轉義符

類似HTML里面的特殊字符，字串中也有特殊字符，我們稱為轉義符

轉義符都是由\開頭，常用的轉義字符及其說明如下

轉義符	解釋說明
\n	換行符，n是newline的意思
\ \	斜杠\
\ ’	單引號
\ *	雙引號
\t	tab縮進
\b	空格，b是blank的意思

布爾型Boolean

布爾型別有兩個值，true和false，其中true表示真，而false表示假

布爾型和數字型相加的時候，true的值為1，false的值為0

		console.log(true+1);//2
		console.log(false+0);//0

Undefined和Null

一個宣告后沒有被賦值的變數會默認有一個默認值undefined(如果進行相加或者相連時，注意結果)

var variable;
			console.log(variable);
			console.log('你好'+variable);
			console.log(11+variable);//+起連接作用
			console.log(true+variable);

結果如下

在這里插入圖片描述

?一個變數給null值，里面儲存的值為空，就是啥也沒有

	var vari=null;
			console.log('你好'+vari);
			console.log(11+vari);
			console.log(true+vari);

結果如下

在這里插入圖片描述

什么是資料型別的轉換

使用表單，prompt獲取過來的資料默認值是字串型別，此時就不能進行簡單的加法運算，而是需要轉換變數的資料型別，簡單來說，就是把一種資料型別轉換成另一種資料型別，

三種常用的轉換方式

轉換為字符型別
轉換為數字型、
轉換為布爾型

1.轉換為字串

方式	說明	案例
toString()	轉換為字串	var num=1; alert(num.toString());
String()強制轉換	轉換為字串	var num=1; alert(String(num));
加號拼接字串	和字串拼接的結果是字串	var num=1; alert(num+“我是字串”)；

toString()和String()使用放方式一樣
三種轉換方式，前面兩種了解，第三種轉換為常用，也成為隱形轉換

2.轉換為數字型(重點)

(一)利用js提供的函式

js提供了parseInt()和parseFloat()兩個轉換函式，前者把值轉換成整數，后者把值轉換成浮點數，

看看代碼就明白了

		var age=12;
		console.log(age);
		//利用parseInt()將值轉換為整數
		console.log(parseInt(age));
		console.log(parseInt('3.12'));//取整
		console.log(parseInt('3.89'));//取整
		console.log(parseInt('10px'));
		console.log(parseInt('rem120px'))//NaN
		//利用parseFloat()將值轉換為整數
		console.log(parseFloat('3.14'));//3.14
		console.log(parseFloat('120px'));//120會去掉px這個單位
		console.log(parseFloat('rem102px'));//NaN js引擎讀到rem的時候，無法識別，直接判為空

(二)強制轉換 Number()轉換函式

		var str='123';
		console.log(Number(str));//123
		console.log(Number('12'));//12

(三)js的隱形轉換(- * /) 注意沒有+,+起拼接作用

		console.log('12'-0);//12
		console.log('122'+1);//1221
		console.log('123'*123);//15129
		console.log('123'/123);//1

轉化為布爾型

方式	說明	案例
Boolean()函式	其它型別轉換為布林值	Boolean(‘true’)

代表空，否定的值會被轉換為false,如’’,0,NaN,null,undefined
其余值都會轉換為true

		console.log('');//false
		console.log(0);//false
		console.log(NaN);//false
		console.log(null);//false
		console.log(undefined);//false
		console.log('小白');//true
		console.log(12);//true

結束語

如果所有人都祝你新年快樂，那我祝你遍歷山歌仍覺人間值得，所得皆所愿，所行亦無憾，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/400591.html

標籤：其他

上一篇：2022跨年煙花——封宿后的去舊年

下一篇：2022跨年煙花代碼

包看包會的變數與資料型別

文章目錄

初識JavaScript(二)

前言：

溫馨提示：

變數

什么是變數？

1.宣告

2.賦值

變數的命名規范

為什么需要資料型別？

簡單資料型別(基本資料型別）

數字型

數字型進制

2.數字型范圍

3.數字型三個特殊值

字串型 String

字串轉義符

布爾型Boolean

什么是資料型別的轉換

1.轉換為字串

2.轉換為數字型(重點)

(一)利用js提供的函式

(二)強制轉換 Number()轉換函式

(三)js的隱形轉換(- * /) 注意沒有+,+起拼接作用

轉化為布爾型

結束語