文章目錄

• • • 1.那些高大上的概念術(shù)語(yǔ)都是指什么
    • • 什么是web應(yīng)用？
      • 什么是前臺(tái)后臺(tái)？
      • 怎么做網(wǎng)頁(yè)界面呢？
      • JavaScript可以應(yīng)用到什么上面？
    • 2.JavaScript實(shí)例：
    • 3.語(yǔ)言基礎(chǔ)
    • • 變量聲明
      • 數(shù)據(jù)類(lèi)型
      • • 基本數(shù)據(jù)類(lèi)型：
        • 引用數(shù)據(jù)類(lèi)型：
      • 數(shù)字格式與算術(shù)操作符

1.那些高大上的概念術(shù)語(yǔ)都是指什么

什么是web應(yīng)用？

在瀏覽器中操作的應(yīng)用。web應(yīng)用分為前臺(tái)和后臺(tái)。

什么是前臺(tái)后臺(tái)？

以qq郵件網(wǎng)站為例
前臺(tái)：顯示在瀏覽器里電子郵件操作的網(wǎng)頁(yè)界面
后臺(tái)：提供用戶填寫(xiě)信件的界面，負(fù)責(zé)發(fā)送郵件

怎么做網(wǎng)頁(yè)界面呢？

HTML：架構(gòu)
CSS：外觀樣式
JavaScript：動(dòng)態(tài)改變字體樣式，大小，插入表情圖案等交互功能。

JavaScript可以應(yīng)用到什么上面？

前臺(tái)網(wǎng)頁(yè)：web瀏覽器
后臺(tái)服務(wù)器：Node.js 云服務(wù)器
單片機(jī)和傳感器終端：Espruino

2.JavaScript實(shí)例：

我們先在瀏覽器中運(yùn)行一下：
打開(kāi)瀏覽器，按下"Ctrl+Shift+J"快捷鍵，就打開(kāi)了JavaScript工具臺(tái)。
在控制臺(tái)輸入如下代碼并enter

alert("hello world");

效果：

在控制臺(tái)輸入如下代碼并enter

confirm("你喜歡橘貓嗎？");

好了我們看看JavaScript的特點(diǎn)

逐行運(yùn)行，每次運(yùn)行后面有一個(gè)結(jié)果
（undefind表示指令沒(méi)有返回值）
如果您想要輸入多行代碼怎么辦？
每行結(jié)尾按"shift+enter"代表?yè)Q行
最后"enter"代表運(yùn)行

上面都是直接在瀏覽器中輸出，那如何在JavaScript控制臺(tái)輸出消息？
這個(gè)問(wèn)題很有必要，這對(duì)測(cè)試代碼很有幫助
很簡(jiǎn)單，輸入代碼：

console.log("hello");

這里如果直接用log(“hello”)不行,因?yàn)镴avaScript內(nèi)置對(duì)象里面存的是指令，我們要通過(guò)對(duì)象調(diào)用它里面的指令而不能直接調(diào)用。
對(duì)象里面可以存儲(chǔ)函數(shù)(方法)，數(shù)據(jù)值(屬性)
并且用點(diǎn)號(hào)調(diào)用

3.語(yǔ)言基礎(chǔ)

變量聲明

var 變量名稱(chēng)；
不區(qū)分字符和字符串，所有文本數(shù)據(jù)都是字符串(string)類(lèi)型

var Name = "Jimmy";//雙引號(hào)單引號(hào)均可 var PP = "j";//雙引號(hào)單引號(hào)均可

多個(gè)變量可以在一個(gè)var語(yǔ)句中聲明

var name= "Jimmy",age=18;

數(shù)據(jù)類(lèi)型

動(dòng)態(tài)類(lèi)型語(yǔ)言，可以自動(dòng)轉(zhuǎn)換類(lèi)型,聲明變量時(shí)無(wú)需轉(zhuǎn)換類(lèi)型

var x ="hello"; x=12;//這也造成性能瓶頸，因?yàn)樗嗔吮鎰e變量數(shù)據(jù)類(lèi)型這一步

基本數(shù)據(jù)類(lèi)型：

存放單一數(shù)據(jù)
Boolean，Number，String，Null，Undefined

var obJ = null；//沒(méi)有指向任意對(duì)象的引用 var ref //預(yù)留存儲(chǔ)器空間但沒(méi)給值，Undefined

查看數(shù)據(jù)類(lèi)型：
typeof
引用對(duì)象的變量，typeof返回object。

console.log(typeof "hello");//輸出string console.log(typeof 6)；//number console.log(typeof 6.66)；//number console.log(typeof true)；//boolean console.log(typeof undefined)；//undefined console.log(typeof null);//object

引用數(shù)據(jù)類(lèi)型：

可以通過(guò)引用存儲(chǔ)器空間實(shí)現(xiàn)存儲(chǔ)多個(gè)變量
array，object，function

數(shù)字格式與算術(shù)操作符

’+'操作符

var num=123+456;console.log(num);//579var str=123+"456";console.log(str);//123456

’number’和’parseInt’,'praseFloat’

Number("6.66")//6.66 Number("jym666")//NaN Number("1e2")//100 Number("0xcc")//204(十六進(jìn)制轉(zhuǎn)十進(jìn)制)parseInt("6.66")//6 parseInt("jym666")//NaN preseInt("666jym")//666 preseInt("1e2")//1 preseInt(0xcc)//204preseFloat("1e2")//100

還有一個(gè)精度問(wèn)題：

console.log(0.1+0.2==0.3)//false

因?yàn)?.1換成二進(jìn)制會(huì)產(chǎn)生無(wú)限循環(huán)的數(shù)字，而計(jì)算機(jī)數(shù)字存儲(chǔ)空間有限，所以產(chǎn)生誤差

解決辦法：限制精度

var num=0.1*0.2； console.log(parseFloat(num.toPrecision(12)));//精度縮減小數(shù)點(diǎn)后十二位輸出0.02

比較操作符：

/* == 判斷是否相等 === 判斷是否相等且數(shù)據(jù)類(lèi)型也相同 != 判斷是否不相等 !== 判斷是否不相等或數(shù)據(jù)類(lèi)型不同 */ console.log(8==9)//false console.log(8=='8')//true,'8'會(huì)先被轉(zhuǎn)換成8 console.log(null==undefined)//true,預(yù)設(shè)不區(qū)分 console.log(8==='8')//false,類(lèi)型不同 console.log(null===undefined)//false，類(lèi)型不同 console.log(8!=='8')//true，類(lèi)型不同

邏輯操作符
類(lèi)似c語(yǔ)言的不再贅述
&& || ！
特殊的：能以單一語(yǔ)句判斷并賦予變量初始值

undefined || 13 //13''||'1.1.1.1' //"1.1.1.1"var ip=ip||'1.1.1.1'; ip //"1.1.1.1"

進(jìn)制表示方法
十六進(jìn)制 （0x開(kāi)頭）hex
二進(jìn)制（0b）binary
八進(jìn)制（0o）octal
在控制臺(tái)輸入上述進(jìn)制，直接轉(zhuǎn)換成十進(jìn)制

位操作符

不管怎么操作，最終直接轉(zhuǎn)十進(jìn)制輸出

& 位and | 位or ^ 位xor >> 1 >>2 << 1 << 2

條件操作符：

var msg=(age<18)?"請(qǐng)您離開(kāi)":"歡迎觀賞"； //相當(dāng)于 if(age<18){ msg="請(qǐng)您離開(kāi)"; }else{ meg="歡迎觀賞"; } 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的JavaScript变量声明+数据类型+数字格式+操作符+进制的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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