01JavaScript基礎——引入/輸出方式、變量、數據類型、運算符

阿新 • • 發佈：2018-09-04

求值表達式字符判斷 lin -m img 拼接分享

一、js代碼常見的的引入方式、輸出方式、JS註釋：

引入方式：

1、內部引入：將js代碼通過script標簽引入HTML文檔內部，引入位置：理論上來說可以出現在文檔的任意位置，甚至出現於HTML標簽外部，但是通常來說，一般寫在head標簽或body標簽內，以及body標簽下邊，當寫在head標簽裏面時，註意將JS代碼放在window.onload()中，也即當頁面加載完成時，在執行JS代碼。

2、外部引入：<script src="外聯.js"></script>

3、程序的執行順序：a、HTML程序加載順序 b、js代碼執行順序

輸出方式：

alert("警告框輸出！");
console.log("控制臺輸出!");
document.write("文檔寫入!")
//註：文檔寫入可以是文本也可以是標簽，當頁面第一次加載時，會按照默認文本流加載，如果再次輸出會覆蓋掉文檔中的所有內容
confirm("確認窗輸出!");
//確認窗輸出，有返回值，true/確定，false/取消，可用於再次判確認
prompt("請輸入****");
//提示窗輸出，有返回值，返回值為輸入的內容

JS註釋：

單行註釋：// 多行註釋：/**/

二、JS變量：

變量：用來存儲數據/值的一個容器

命名規則：

1、明確區分大小寫 2、不能使用系統關鍵字/保留字 3、不能以數字開頭 4、可以包含數字、字母、下劃線、$符號

命名規範：

5、見名知意 6、駝峰命名

三、數據類型：

number：數值型、string：字符型、undefined：未定義型/不存在、Boolean：布爾型、object：對象型——五大類型

null：空、 Array：數組——都是object對象型

判斷數據類型：typeof consolog.log(typeof "abc") 輸出“abc” 的數據類型——string

四、運算符：

1、賦值運算符："=" 用於給變量賦值

2、算數運算符：+ - * / %

註："+" 在兩個數字之間進行算術運算，在兩個字符串中間進行拼接，當任意一遍出現字符串時則輸出字符串

Number(str) +str 將字符串轉換為number型數據的兩種常見方式，如果字符串為純數字則轉換為對應的數字，若出現字符串，則轉換為NaN——>Not a Numebr,但是類型依然為number型

3、復合運算符：+= -= *= /= %= ++ --

自增自減運算符：運算符在前先賦值在運算，運算符在後先運算再賦值

4、關系運算符：< > <= >= == === != !==

== 表示等式兩邊值相等 === 表示等式兩邊值與類型對應相等

註：表示大小的要比表示等於的優先級高

註意下面兩個例子：

var br="123"<"3"
//結果為true,按每一位去比較，有結果後就停止比較
var br="age"<"By"
//結果為false，大寫字母的字符編碼小於小寫字母的字符編碼

在比較數值與字符串時，字符串會被轉換為數值，在以數值的方式與另外一個數值比較，但是字母"a"不能轉換成數值，轉換後為NaN,任何數值與NaN比較都為false，包括NaN與NaN比較

5、邏輯運算符

&&與/且：需要兩邊都為true才成立

||或：兩邊任意一邊為true則成立

！非：將得到的值取反

看看下面幾個例子：

var a=10,b=5,c=6;
var x=a>b&&b>c;
console.log(x); //false
var y=a<b||b<c
console.log(y) //true
console.log("t"&&"") //空
console.log("t"&&"f") //f
console.log((a-1)&&(b+=20),b) //25,25
console.log((a-10)&&(b+=20),b) //0,5
console.log("t"||""); //t
console.log(undefined&&NaN) //undefined
console.log(undefined||NaN) //NaN

註：與運算：當第一個運算子的布爾值為true時，返回第二個運算子的的值(這裏是指值不是布爾值)，當第一個運算子的布爾值為false時，返回第一個運算子的值，不再對第一個進行求值，這種跳過第二個運算子的機制稱為短路。

或運算：如果第一個運算子的布爾值為true，則返回第一個運算子的值，且不再對第二個運算子求值；如果第一個運算子的布爾值為false，則返回第二個運算子的值。

技術分享圖片 5.三目運算符：表達式1？表達式2:表達式3 如果表達式成立，執行表達式1，否則執行表達式2，基本所有的if...else...代碼塊都可以轉化為三目運算符

01JavaScript基礎——引入/輸出方式、變量、數據類型、運算符

01JavaScript基礎——引入/輸出方式、變量、數據類型、運算符

一、js代碼常見的的引入方式、輸出方式、JS註釋：

引入方式：

輸出方式：

JS註釋：

二、JS變量：

命名規則：

命名規範：

三、數據類型：

四、運算符：

變量，數據類型和運算符

第一章(變量，數據類型，運算符)

Java入門2 ---變量，數據類型和運算符

PHP基礎知識：語法、變量與數據類型

Python基礎知識之：hello world，註釋，變量，數據類型

變量、數據類型和運算符

Scala基礎篇-01變量，數據類型

go的變量、常量以及判斷變量的數據類型

C#語言學習筆記（二）：變量、數據類型和運算符

變量，基本類型，數據類型和運算符

變量，數據類型與類型轉換

基礎學習--標識符、關鍵字、數據類型與運算符

一、數據類型和運算符——6-直接量

第二章:變量數據類型和運算符

1_變量以及數據類型

變量,數據類型和運算符

變量及數據類型

3.變量與數據類型

JavaScript變量與數據類型詳解

關於變量，JAVA基本數據類型，運算符類型，如何從控制臺接收輸入的數據的看法

01JavaScript基礎——引入/輸出方式、變量、數據類型、運算符

一、js代碼常見的的引入方式、輸出方式、JS註釋：

引入方式：

輸出方式：

JS註釋：

二、JS變量：

命名規則：

命名規範：

三、數據類型：

四、運算符：

相關推薦