1. 程式人生 > >JavaScript基礎一(js基礎函數與運算符)

JavaScript基礎一(js基礎函數與運算符)

+= js代碼 二次 匈牙利命名法 下一步 undefined 相同 區分大小寫 第一個

【使用js的三種方式】
1、在HTML標簽中,直接內嵌js(並不提倡使用)
<button onclick=" alert(‘點就點‘)"> 點我啊</button>
>>>不符合w3c關於內容與行為分離的要求
2、在HTML頁面中使用<script></script>包裹js代碼
<script type="text/javascript">
js代碼
</script>
》》》·<script></script>標簽可以放到頁面的任何位置
3、引入外部的js文件:
<script language="JavaScript" src="js/01js.js"></script>
【註意事項】
① <script></script>標簽可以嵌入到 頁面的任意位置,但是,位置的不同會導致js代碼的執行順序不同;、
比如:<script></script>放在<body></body>前面,則js代碼會在頁面加載之前執行;
② 引入外部的js代碼,<script></script>必須是成對出現的標簽,而且,標簽中不能再有任何的js代碼。

【js中的變量】
1、js中變量聲明的寫法:
var num=10;//使用var聲明的變量,屬於局部變量,只在當前作用域內有效;
num=10;//不用var聲明的變量,屬於默認全局變量,在整個js文件都有效;
var x=8,y,z=10;//使用一行語句同時聲明多個變量。上式中,y屬於以聲明,但未賦值狀態,結果為undefined;
【聲明變量的註意事項】
① js中所有變量的聲明,均使用var關鍵字,變量具體是什麽數據類型,取決於給變量賦值的類型 ;
② js中同一個變量,可以在多次不同賦值中,修改變量的數據類型:
var a=10;//從初始聲明時,a屬於整數型;
a= "haha"//重復賦值時,整數型的a變為字符串類型;
③ 變量可以使用var聲明,也可以不使用
【區別】使用var聲明是局部變量,不使用為全局變量 ;
④ 只用 var聲明,但是不賦值,結果為undefined:
例如:var a;、、a為undefined
但是,如果不聲明也不賦值的a,直接使用會報錯;
⑤ 同意變量名可以多次使用var聲明,但是,後面的var並沒什麽用,
第二次使用var聲明時,只會被理解為普通的賦值操作。
2、變量名的命名要求
① 變量名只能有字母、數字、下劃線組成
② 開頭不能是數字。
③ 變量名區分大小寫,大寫字母與小寫字母為不同變量。
3、變量名的命名規範
① 要符合小駝峰法則(駱駝命名法);
首字母小寫,之後每個單詞的首字母大寫
② 或者使用匈牙利命名法:
所有字母小寫,單詞之間用下劃線——分隔

【js中的數據類型】
① undefined 未定義 已經使用var聲明的變量,但沒有賦值 例如:var a;
② null 表示空的引用
③ booleam 布爾類型 表示真假,只有兩個值:“true/flase
④ number 數值類型 可以是正數,也可以是小數
⑤ string 字符串類型 用“”或‘’包裹的內容,稱為字符串
⑥ object 對象類型

【常用的數值函數】
① isNaN():判斷一個變量或常量,是否是NaN(not a num 非數值)
使用isNaN()判斷時,會嘗試使用Number()函數進行轉換,如果最終結果能夠轉為數字,
則不是NaN,結果為false。
② Number()函數 : 將其他類型的數據,嘗試轉為數值型。
【字符串類型】
》》》字符串為純數值字符,會轉為對應的數字 : “111”=》111
》》》字符串為空字符串,會轉為0 : “ ”=》0
》》》字符串包含任何其他字符時,都不能轉 : “1a”=》NaN
【Booleam】
“true”=》1
“flase”=》0
【Null/Undefined 】
Null=》0 Undefined=》NaN
【Object】後續講解
③ parseInt():將字符串轉為整數類型
》》》純數值字符串,能轉:“12”=》12;“12.9”=》12(小數轉化時,直接抹掉小數點,不進行四舍五入)
》》》空字符串 不能轉
》》》包含其它字符的字符串,會截取第一個非數值字符串前的數字部分;
“123aa234”=》123 “a123v123”=》NaN
》》》ParsInt函數()只能轉字符串,轉其他類型,全是NaN
【Number函數與ParseInt函數的區別】
1、Number函數可以轉各種數據類型,ParsInt函數只能轉字符串類型
2、兩者在轉字符串時,結果不完全相同。
④ ParseFloat()函數:將字符串轉為數值型
轉換規則與ParsInt相同,只是如果有小數,則保留小數點,如果沒有小數,則依然是整數。

⑤ typepf:檢測變量的數據類型
字符串=》string 數值=》number true/false=》boolean
未定 義 =》undefined 對象/null=》object 函數=》function

【js中常用的輸入輸出語句】
1、document。write();將括號內的內容打印輸出到瀏覽器屏幕上;
使用時需註意除變量,常量外的所有內容,必須放到“”中,變量和常量必須放到“”外面;
如果同時有變量和字符串,必須用+鏈接;
eg:document.write("左手中的紙牌"+left+"<br/>")
2、alert();使用彈窗輸出;
彈窗警告,()中的內容與上述相同;
3、prompt();彈窗輸入
接收兩部分參數:
① 輸入框上面的提示內容,可選;
② 輸入框裏面的默認信息,可選;
當只寫一部分時,表示輸入框上面的提示內容;
可以定義變量,接受輸入的內容。點擊確定按鈕,變量將被賦值為輸入的內容,
點擊取消按鈕,變量將被賦值為null。
輸入內容時,默認接受的數據類型都是字符串!!!!

【js中的運算符】

1、 算術運算(單目運算符)
+ 加、-減、*乘、 /除、 %取余、++自增 、--自減
+:有兩種作用 :連接字符串/加法運算 ;
當+兩邊全是數字時進行加法運算;
當+兩邊有任意一邊為字符串時,起連接字符串的作用,鏈接之後的結果為字符串;
除+外,其余符號運算時,會先嘗試將左右變量用Number函數轉為數字
/:結果會保留小數點
++:自增運算符,將變量在原有基礎上+1
--:自減運算符,將變量在原有基礎上-1

① 相同點:無論a++還是a--,運算完後,a的值均會+1
不同點: a++,先用a的值去運算,再把a+1
a--,先把a+1,再用a+1的值去運算

2、 賦值運算
= 賦值(把右邊的值賦給左邊) += -= *= /= %=
+=:a+=b 相當於 a =a+b,但是,前者的運算效率比後者快,推薦使用前者;

3、關系運算
== 等於、===全等、 !=不等、!==不全等、>、<、>=、<=
>>> 關系運算符,運算之後的結果,只能是Boolean類型;
>>> 判斷一個數字是否處於某個區間,必須用&&鏈接;
a<10&&a>0 √ 10>a>0 ×
>>>===:嚴格等於:要求不但要類型相同,值也必須相同,類型不同,直接為false,類型相同,再進行下一步判斷
==:等於:類型相同,與===效果相同,類型不同時,會先嘗試用Number()將兩邊轉為數字,然後再進行判斷。
但是有個別特例,如:null==false × null==undef √ null==null ×

4、條件運算符(多目運算)
a>b?true:false
有兩個重要符號: ?和:
當?前面部分,運算結果為true時,執行:前面的代碼
當?前面部分,運算結果為false時,執行:後面的代碼
冒號兩邊可以為數值,則整個式子可用於賦值。var a=1<2?1:2
冒號兩邊可以為代碼塊,將直接執行代碼。1<2?alert(1):alert(2)
多目運算符可以多層嵌套。var a=1<2\?alert(1):(1>0?4:5)

5、位運算符、 邏輯運算符
&、|、~ &&與、||或、!非
&&:兩邊都成立,結果為true
||:兩邊有任意一邊成立,結果為true

6、運算符的優先級
()小括號最高
!++ --
* / %
+ -
< > >= <=
== !=
&&
||
= += -= * = /= 最低的是各種賦值運算符

JavaScript基礎一(js基礎函數與運算符)