文章目錄

• • • 1.那些高大上的概念術語都是指什么
    • • 什么是web應用？
      • 什么是前臺后臺？
      • 怎么做網頁界面呢？
      • JavaScript可以應用到什么上面？
    • 2.JavaScript實例：
    • 3.語言基礎
    • • 變量聲明
      • 數據類型
      • • 基本數據類型：
        • 引用數據類型：
      • 數字格式與算術操作符

1.那些高大上的概念術語都是指什么

什么是web應用？

在瀏覽器中操作的應用。web應用分為前臺和后臺。

什么是前臺后臺？

以qq郵件網站為例
前臺：顯示在瀏覽器里電子郵件操作的網頁界面
后臺：提供用戶填寫信件的界面，負責發送郵件

怎么做網頁界面呢？

HTML：架構
CSS：外觀樣式
JavaScript：動態改變字體樣式，大小，插入表情圖案等交互功能。

JavaScript可以應用到什么上面？

前臺網頁：web瀏覽器
后臺服務器：Node.js 云服務器
單片機和傳感器終端：Espruino

2.JavaScript實例：

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

alert("hello world");

效果：

在控制臺輸入如下代碼并enter

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

好了我們看看JavaScript的特點

逐行運行，每次運行后面有一個結果
（undefind表示指令沒有返回值）
如果您想要輸入多行代碼怎么辦？
每行結尾按"shift+enter"代表換行
最后"enter"代表運行

上面都是直接在瀏覽器中輸出，那如何在JavaScript控制臺輸出消息？
這個問題很有必要，這對測試代碼很有幫助
很簡單，輸入代碼：

console.log("hello");

這里如果直接用log(“hello”)不行,因為JavaScript內置對象里面存的是指令，我們要通過對象調用它里面的指令而不能直接調用。
對象里面可以存儲函數(方法)，數據值(屬性)
并且用點號調用

3.語言基礎

變量聲明

var 變量名稱；
不區分字符和字符串，所有文本數據都是字符串(string)類型

var Name = "Jimmy";//雙引號單引號均可 var PP = "j";//雙引號單引號均可

多個變量可以在一個var語句中聲明

var name= "Jimmy",age=18;

數據類型

動態類型語言，可以自動轉換類型,聲明變量時無需轉換類型

var x ="hello"; x=12;//這也造成性能瓶頸，因為它多了辨別變量數據類型這一步

基本數據類型：

存放單一數據
Boolean，Number，String，Null，Undefined

var obJ = null；//沒有指向任意對象的引用 var ref //預留存儲器空間但沒給值，Undefined

查看數據類型：
typeof
引用對象的變量，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

引用數據類型：

可以通過引用存儲器空間實現存儲多個變量
array，object，function

數字格式與算術操作符

’+'操作符

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(十六進制轉十進制)parseInt("6.66")//6 parseInt("jym666")//NaN preseInt("666jym")//666 preseInt("1e2")//1 preseInt(0xcc)//204preseFloat("1e2")//100

還有一個精度問題：

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

因為0.1換成二進制會產生無限循環的數字，而計算機數字存儲空間有限，所以產生誤差

解決辦法：限制精度

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

比較操作符：

/* == 判斷是否相等 === 判斷是否相等且數據類型也相同 != 判斷是否不相等 !== 判斷是否不相等或數據類型不同 */ console.log(8==9)//false console.log(8=='8')//true,'8'會先被轉換成8 console.log(null==undefined)//true,預設不區分 console.log(8==='8')//false,類型不同 console.log(null===undefined)//false，類型不同 console.log(8!=='8')//true，類型不同

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

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

進制表示方法
十六進制 （0x開頭）hex
二進制（0b）binary
八進制（0o）octal
在控制臺輸入上述進制，直接轉換成十進制

位操作符

不管怎么操作，最終直接轉十進制輸出

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

條件操作符：

var msg=(age<18)?"請您離開":"歡迎觀賞"； //相當于 if(age<18){ msg="請您離開"; }else{ meg="歡迎觀賞"; } 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。