JS 引入方式基本數據類型運算符控制語句循環異常

時間 2019-11-11

標籤引入方式基本數據類型運算符控制語句循環異常欄目 JavaScript 简体版

原文原文鏈接

一.JS引入方式javascript

什麼是JavaScript？

JavaScript是運行在瀏覽器端的腳步語言，JavaScript主要解決的是前端與用戶交互的問題，包括使用交互與數據交互，JavaScript是瀏覽器解釋執行的。html

JavaScript的嵌入方式

1.行間事件前端

<input type="button" name="clicktook" onclick= "alert("ok!");">

2.頁面scrip標籤嵌入java

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        alert("你好!");
    </script>
</body>
</html>

3.外部JS文件引入（最經常使用）python

html文件以下：數組

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script src="./JS/3.js" text='text/javascript'></script>
</body>
</html>

js文件內容：

alert("你好呀！");

JavaScript 是一種弱類型語言，javascript的變量類型由它的值來決定。瀏覽器

JavaScript語句的末尾用 ; 結束。空格沒有特殊意義。函數

二.JavaScript的變量

一、區分大小寫
二、第一個字符必須是字母、下劃線（_）或者美圓符號（$）最好每一個字母大寫
三、其餘字符能夠是字母、下劃線、美圓符或數字spa

三.JavaScript的數據類型

#字符串類型
var str1='單引號，用於單行字符串，只能寫在同一行'
var str2="雙引號，也是用於單行字符串，只能寫在同一行"
var str3=`反引號，能夠寫不一樣行
        啦啦啦
        啦啦啦
        啦啦啦`

#數字類型
var num1=1;
var num2=1.23;

#布爾類型 注意是小寫
var bool1=true;
var bool2=false;

#未定義
var var=undefined;

#空類型
var var1=null;//默認變量的值爲null 意思是空的對象
var var2; //聲明瞭變量，可是沒有賦值，則數據類型爲undefined 

#數組（array）類型
var arr=[1,2,3,4,5,6];


#對象（object）類型
var obj={
    name:'張三',
    age:18,
    sex:'男'
}

附加：


查看數據
console.log(obj)

查看數據類型 typeof

console.log(typeof obj)

數據轉換
函數parseInt：   強制轉換成整數   例如parseInt("6.12")=6  ; parseInt(「12a")=12 ; parseInt(「a12")=NaN  ;parseInt(「1a2")=1
函數parseFloat： 強制轉換成浮點數  parseFloat("6.12")=6.12 函數eval： 將字符串強制轉換爲表達式並返回結果 eval("1+1")=2 ; eval("1<2")=true

四.運算符

1.算數運算符code

加(＋)、 減(－)、 乘(*) 、除(/) 、餘數(% )  加、減、乘、除、餘數和數學中的運算方法同樣  例如：9/2=4.5，4*5=20，9%2=1

-除了能夠表示減號還能夠表示負號  例如：x=-y

+除了能夠表示加法運算還能夠用於字符串的鏈接  例如："abc"+"def"="abcdef"

假如x=2，那麼x++表達式執行後的值爲3，x--表達式執行後的值爲1

i++至關於i=i+1，i--至關於i=i-1
遞增和遞減運算符能夠放在變量前也能夠放在變量後：--i

運算符在前 先運算 後賦值
運算符在後 先賦值 後運算
    
var i=1;
console.log(i++);  # 1
console.log(++i);  # 3
console.log(i--);  # 3
console.log(--i);  # 1

2. 邏輯運算符

等於 ( == )  、不等於( != ) 、 大於( > ) 、 小於( < )  大於等於(>=) 、小於等於(<=)
與 (&&) 、或(||) 、非(!)
&& 1 = 1  1 || 1 = 1
&& 0 = 0  1 || 0 = 1
&& 0 = 0  0 || 0 = 0

!0=1
!1=0

邏輯 AND 運算符(&&)

邏輯 AND 運算的運算數能夠是任何類型的，不止是 Boolean 值。

若是某個運算數不是原始的 Boolean 型值，邏輯 AND 運算並不必定返回 Boolean 值：

    若是某個運算數是 null，返回 null。 
    若是某個運算數是 NaN，返回 NaN。 
    若是某個運算數是 undefined，返回undefined。 

邏輯 OR 運算符(||)

與邏輯 AND 運算符類似，若是某個運算數不是 Boolean 值，邏輯 OR 運算並不必定返回 Boolean 值

3.賦值運算

賦值 = 
JavaScript中=表明賦值，兩個等號==表示判斷是否相等

例如，x=1表示給x賦值爲1
if (x==1){...}程序表示當x與1相等時
if(x==「on」){…}程序表示當x與「on」相等時
 配合其餘運算符造成的簡化表達式
例如i+=1至關於i=i+1，x&=y至關於x=x&y

console.log(2==2); # true
console.log(2=="2"); # true 自動轉換
console.log(2==="2"); # false 不轉換

4.關係運算

比較運算符兩側若是一個是數字類型,一個是其餘類型,會將其類型轉換成數字類型.
比較運算符兩側若是都是字符串類型,比較的是最高位的asc碼,若是最高位相等,繼續取第二位比較.

var bResult = "25" < "3";
alert(bResult); //輸出 "true"

var bResult = "25" < 3;
alert(bResult); //輸出 "false"

五.控制語句

1.if else控制語句

if-else基本格式：

if (表達式){
語句１;
......
}else{
語句２;
.....
}
功能說明
若是表達式的值爲true則執行語句1,
不然執行語句2

if語句嵌套格式：

if (表達式1) {
    語句1;
}else if (表達式2){
    語句2;
}else if (表達式3){
    語句3;
} else{
    語句4;
}

2.switch 選擇控制語句

switch基本格式
switch (表達式) {
    case 值1:語句1;break;
    case 值2:語句2;break;
    case 值3:語句3;break;
    default:語句4;
}

eg：

var x = 5

switch(x){
case 1:y="星期一"; break;
case 2:y="星期二"; break;
case 3:y="星期三"; break;
case 4:y="星期四"; break;
case 5:y="星期五"; break;
case 6:y="星期六"; break;
case 7:y="星期日"; break;
default: y="未定義";
}

console.log(x) # 5
alert(y) # 彈出星期五
console.log(y) # 星期五

3.for循環控制語句

for循環基本格式

for (初始化;條件;增量){
    語句1;
    ...
}

功能說明
實現條件循環，當條件成立時，執行語句1，不然跳出循環體

eg：

    var temp = ""
    for(var i=0; i<11; i++)
        temp += i
    console.log(temp)

    for (var i=1;i<=7;i++){
        document.write("<H"+i+">hello</H "+i+"> ");
        document.write("<br>");
    }


    var arr=[1,"hello",true]//var dic={"1":"111"}
    for (var i in arr){
        console.log(i)
        console.log(arr[i])
    }
    
    var attr=[1,2,3,4];
    
    for(i=0; i<attr.length; i++){
        document.write("<H"+i+">hello</H "+i+"> ");
        document.write("<br>");
        
    }

4.while 循環控制語句

while循環基本格式

while (條件){
語句1；
...
}
功能說明
運行功能和for相似，當條件成立循環執行語句花括號{}內的語句，不然跳出循環

練習：分別用for循環和while循環計算出1-100的和？

    var num = 0;
    for(i=0; i<101; i++){
        num += i;
    }
    console.log(num)


    var num1 = 0;
    var i = 1;
    while(num1<101){
        num1 += i;
        i++;
    }
    console.log(num1)

5.異常

try {
    //這段代碼從上往下運行，其中任何一個語句拋出異常該代碼塊就結束運行
　　// throw Error('xxxx')
}
catch (e) {
    // 若是try代碼塊中拋出了異常，catch代碼塊中的代碼就會被執行。
    //e是一個局部變量，用來指向Error對象或者其餘拋出的對象
}
finally {
     //不管try中代碼是否有異常拋出（甚至是try代碼塊中有return語句），finally代碼塊中始終會被執行。
}

注：主動拋出異常 throw Error('xxxx')

參考：

https://www.cnblogs.com/chichung/category/1306224.html

https://www.cnblogs.com/yuanchenqi/articles/5980312.html

https://www.cnblogs.com/chichung/p/9688037.html