• 引入方式：
  • 直接在HTML中寫入（了解）
  • 寫到文件中引入
• 聲明變量
  • 變量賦值方式
  • 單個(gè)變量賦值
  • 多變量的變量賦值
• 數(shù)據(jù)類型
  • 數(shù)字and字符串
  • boolean
  • undefined
  • 數(shù)據(jù)類型的存儲(chǔ)
  • 數(shù)組
  • 對(duì)象
• JS的解釋方式
• 運(yùn)算符
• 字符串的拼接 用+號(hào)
• NaN
• 流程控制語(yǔ)句
  • if-else if-else
  • 循環(huán)
• 函數(shù)
• 匿名函數(shù)
• BOM
  • alter(info)
  • confirm(info)
  • prompt()

?

引入方式：

除了Python外其他語(yǔ)言都沒(méi)有要求強(qiáng)制縮進(jìn)。即JS對(duì)縮進(jìn)無(wú)要求，只要符合語(yǔ)法即可。
示例中的alter為彈框

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

直接在HTML中寫入（了解）

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

寫到文件中引入

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

聲明變量

變量賦值方式

var關(guān)鍵字聲明一個(gè)字符串是變量。
再給定義的這個(gè)變量賦值。

單個(gè)變量賦值

<script> var name; name="yudong" </script> #可以簡(jiǎn)寫為： var age=3;

多變量的變量賦值

默認(rèn)以換行符作為作為語(yǔ)句分隔符。也可使用分號(hào)作為語(yǔ)句的分隔符

var name="heling"; var age=18

數(shù)據(jù)類型

打印到屏幕終端。

數(shù)字and字符串

// console.log 輸出打印到屏幕終端 // typeof 查看數(shù)據(jù)的數(shù)據(jù)類型 i=1 f=1.1 s="study" console.log(i,typeof i); //number console.log(f,typeof f); //number console.log(s,typeof s); //string //不區(qū)分?jǐn)?shù)字和浮點(diǎn)型

boolean

有兩個(gè)值，true、false。邏輯判斷 可以理解為數(shù)字類型的。True、False為0，1。可用于數(shù)字運(yùn)算

undefined

只有一個(gè)值，undefined

遇到這個(gè)值的兩種情況

• 變量只聲明，未賦值。
• 當(dāng)一個(gè)函數(shù)沒(méi)有返回值的時(shí)候。

數(shù)據(jù)類型的存儲(chǔ)

引用數(shù)據(jù)類型全部存在堆里。棧里存的都是基礎(chǔ)數(shù)據(jù)類型。
堆里存的都是棧的內(nèi)存地址。

數(shù)組

可以把多個(gè)數(shù)據(jù)存入其中。
C等語(yǔ)言在聲明數(shù)組時(shí)要聲明存儲(chǔ)的數(shù)據(jù)類型

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

對(duì)象

映射關(guān)系的數(shù)據(jù)結(jié)構(gòu)。 鍵加不加引號(hào)都可以

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

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

數(shù)組和對(duì)象的數(shù)據(jù)類型都是object。

JS的解釋方式

JS先讀完整個(gè)文件，才開始執(zhí)行。所以變量的使用可以寫在該變量聲明的上面。

運(yùn)算符

#++ -- var i = 1; i++ console.log(i)#== console.log(2=="2") //返回時(shí)true，他在有一端是數(shù)字時(shí)另一端也會(huì)轉(zhuǎn)換成數(shù)字> #=== //不會(huì)轉(zhuǎn)換數(shù)據(jù)類型，數(shù)據(jù)類型也必須一樣。 #邏輯運(yùn)算符，與 或 非 && || ! 真真為真，假假為假

字符串的拼接 用+號(hào)

NaN

轉(zhuǎn)換數(shù)據(jù)類型時(shí)（即將字符串轉(zhuǎn)換成數(shù)字類型）失敗了會(huì)得到該類型。

流程控制語(yǔ)句

• 分支控制語(yǔ)句 if
• 循環(huán)控制語(yǔ)句 for while

JavaScript中使用{}來(lái)確認(rèn)語(yǔ)句塊（即滿足條件時(shí)執(zhí)行的語(yǔ)句體）。而Python中是使用:和縮進(jìn)。

if-else if-else

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

循環(huán)

• 遍歷循環(huán) for
• 條件循環(huán) while JavaScript中都是條件循環(huán)。條件不滿足就退出

詳細(xì)見(jiàn)圖片。

支持break 和 continue

js中的序列類型用.length都可以得到長(zhǎng)度

函數(shù)

function funcname(參數(shù)) {return X; }

調(diào)用時(shí)可以傳入任意數(shù)量的參數(shù)，它只接受固定數(shù)量的。
接受任意長(zhǎng)度的 。
arguments 通過(guò)數(shù)組，獲取所有傳入的參數(shù)

匿名函數(shù)

// 匿名函數(shù)var func = function(arg){ return "tony"; } // 匿名函數(shù)的應(yīng)用 (function(){ alert("tony"); } )() (function(arg){ console.log(arg); })('123')

?

BOM

window 是全局變量，調(diào)用時(shí)可以不用加window名，alter就是它里面的方法。

alter(info)

用于警告信息，只有確定

confirm(info)

顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框。 有返回值

prompt()

顯示可提示用戶輸入的對(duì)話框。 有返回值

每一個(gè)標(biāo)簽都是一個(gè)對(duì)象

轉(zhuǎn)載于:https://www.cnblogs.com/jinyudong/p/8082885.html

總結(jié)

以上是生活随笔為你收集整理的前端--3、JavaScript的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。