前端--3、JavaScript

標籤：語言   終端   一個   圖片   全域   script   多個   初始化   fun   

• 引入方式：
  • 直接在HTML中寫入（瞭解）
  • 寫到檔案中引入
• 聲明變數
  • 變數賦值方式
  • 單個變數賦值
  • 多變數的變數賦值
• 資料類型
  • 數字and字串
  • boolean
  • undefined
  • 資料類型的儲存
  • 數組
  • 對象
• JS的解釋方式
• 運算子
• 字串的拼接 用+號
• NaN
• 流程式控制制語句
  • if-else if-else
  • 迴圈
• 函數
• 匿名函數
• BOM
  • alter(info)
  • confirm(info)
  • prompt()

 

引入方式：

除了Python外其他語言都沒有要求強制縮排。即JS對縮排無要求，只要符合文法即可。
樣本中的alter為彈框

#單行注釋//  #多行注釋/*    注釋*/

直接在HTML中寫入（瞭解）

<script>    //第一行JS    alter(123)</script>

寫到檔案中引入

<script src="demo.js" ></script>

聲明變數變數賦值方式

var關鍵字聲明一個字串是變數。
再給定義的這個變數賦值。

單個變數賦值

<script>var name;name="yudong"</script>#可以簡寫為：var age=3;

多變數的變數賦值

預設以分行符號作為作為語句分隔字元。也可使用分號作為語句的分隔字元

var name="heling"; var age=18

資料類型

列印到螢幕終端。

數字and字串

// console.log 輸出列印到螢幕終端// typeof 查看資料的資料類型i=1f=1.1s="study"console.log(i,typeof i);//numberconsole.log(f,typeof f);//numberconsole.log(s,typeof s);//string//不區分數字和浮點型

boolean

有兩個值，true、false。邏輯判斷可以理解為數字類型的。True、False為0，1。可用於數字運算

undefined

只有一個值，undefined

遇到這個值的兩種情況

• 變數只聲明，未賦值。
• 當一個函數沒有傳回值的時候。

資料類型的儲存

引用資料類型全部存在堆裡。棧裡存的都是基礎資料類型。
堆裡存的都是棧的記憶體位址。

數組

可以把多個資料存入其中。
C等語言在聲明數組時要聲明儲存的資料類型

建立方式1:var arrname = [元素0,元素1,….];          // var arr=[1,2,3];建立方式2:var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);建立方式3:var arrname = new Array(長度);             //  初始化數組對象:                var cnweek=new Array(7);                    cnweek[0]="星期日";                    cnweek[1]="星期一";                    ...                    cnweek[6]="星期六";

對象

映射關係的資料結構。 鍵加不加引號都可以

var obj = {"Q":"Z"}

可以使用字典的基本操作，如取key的value：obj["Q"]

數組和對象的資料類型都是object。

JS的解釋方式

JS先讀完整個檔案，才開始執行。所以變數的使用可以寫在該變數聲明的上面。

運算子

#++ --var i = 1;i++console.log(i)#==console.log(2=="2")//返回時true，他在有一端是數字時另一端也會轉換成數字> #===//不會轉換資料類型，資料類型也必須一樣。#邏輯運算子，與 或 非&& || !真真為真，假假為假

字串的拼接 用+號NaN

轉換資料類型時（即將字串轉換成數字類型）失敗了會得到該類型。

流程式控制制語句

• 分支控制語句 if
• 迴圈控制語句 for while

JavaScript中使用{}來確認語句塊（即滿足條件時執行的語句體）。而Python中是使用:和縮排。

if-else if-else

if (運算式1) {    語句1;}else if (運算式2){    語句2;}else if (運算式3){    語句3;} else{    語句4;}

迴圈

• 遍曆迴圈 for
• 條件迴圈 while JavaScript中都是條件迴圈。條件不滿足就退出

詳細見圖片。

支援break 和 continue

js中的序列類型用.length都可以得到長度

函數

function funcname(參數) {    return X;}

調用時可以傳入任意數量的參數，它只接受固定數量的。
接受任意長度的 。
arguments 通過數組，擷取所有傳入的參數

匿名函數

// 匿名函數    var func = function(arg){        return "tony";    }// 匿名函數的應用    (function(){        alert("tony");    } )()    (function(arg){        console.log(arg);    })(‘123‘)

 BOM

window 是全域變數，調用時可以不用加window名，alter就是它裡面的方法。

alter(info)

用於警告資訊，只有確定

confirm(info)

顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。 有傳回值

prompt()

顯示可提示使用者輸入的對話方塊。 有傳回值

每一個標籤都是一個對象

前端--3、JavaScript