摘要：的基礎語法的語法是區分大小寫的注意在中是區分大小寫的變量名稱不能是中文代碼示例一花一世界控制臺調用效果圖語法中的空格與換行注意并不是的語法內容可有可無的建議使用因為這樣會使代碼看的更清晰利于閱讀代碼示例代碼一花一世界中的分號可選項語法并

注意: 在JavaScript中是區分大小寫的

變量名稱不能是中文

代碼示例:

var v1 = "一花一世界";
console.log(v1);
var Va1 = "Yihuayishijie";
console.log(Va1);
var VA1 = "YIHUAYISHIJIE";
console.log(VA1);

控制臺調用效果圖:

注意: 并不是JavaScript的語法內容 - 可有可無的 (建議使用)

因為這樣會使代碼看的更清晰利于閱讀代碼

示例代碼:

var v1 = "一花一世界";
console.log(v1);

可選項 - JavaScript語法并不強制要求必須寫分號 ( ; )

但是在多個語句編寫在同一行時,必須要寫分號 ( ; )

作用是 - 表示一句話的結束

注意: 如果最后不寫分號控制臺也不會報錯但是編輯器會提示

建議: 不忽略結束符 ( ; )

示例代碼:

//帶分號的
var v1 = "一花一世界";
console.log(v1);

//不帶分號的
var v1 = "一花一世界"
console.log(v1)

區別圖:

關鍵字就是JavaScript中有特殊作用的

注意關鍵字不能用于變量名(自己起的名)

保留字就是以后可能變成關鍵字同樣也不能用

變量的概念:

變量就是存儲信息的容器 - (就是放東西的)放數據的

變量又叫臨時存儲

變量具體說就是有名字的容器 - 稱為變量名

變量名稱的作用 - 就是通過名來找到值的數據信息

調用時會找最近的變量名 - 就近原則

變量的問題與需要注意的事情:

注意: 每個變量只能存儲一個值

問題:局限性太大

變量的定義語法結構:

語法結構 - var 變量名稱 = 變量的值;

注意: JavaScript的變量是弱類型(也叫松散類型)

定義變量時,但不初始化值時 - 控制臺并不清除該變量值的類型

只有在變量初始化值時 - 控制臺才知道該變量的類型

注意:

變量允許, 只變量不賦值

變量允許, 先變量在賦值

代碼示例:

/* 1.定義變量,并初始化值 */
var v1 = "一花一世界";// 定義變量 - 變量的定義,并且初始化值
console.log(v1);// 調用變量

/* 2.定義變量,但沒有初始化值 */
var v2;// 指定義,沒有初始化值
console.log(v2);// 調用結果為 undefined - 表示未定義

v2 = "一葉一孤城";
console.log(v2);

/* 3.多個變量同時定義 - 變量定義之間使用逗號分隔 */
var v3 = 100,v4 = 200;// 兩個變量聲明
console.log(v3);// 調用結果 - 100
console.log(v4);// 調用結果 - 200

控制臺調用效果圖:

JavaScript中重復定義變量 - 語法允許

重復定義時 - 先將之前的變量在內存的空間進行銷毀,然后在創建 - 不建議使用

代碼示例:

var v1 = "一花一世界";
console.log(v1);// 調用結果為 一花一世界

var v1 = 100;
console.log(v1);// 調用結果為 100

JavaScript中變量是允許重復賦值的 - 建議使用

代碼示例:

var v1 = "一花一世界";
console.log(v1);// 調用結果為 一花一世界

v1 = "一葉一孤城";// 賦值
console.log(v1);// 調用結果為 一葉一孤城

遺漏的定義 - 就是變量沒有定義,而直接調用

如果沒有定義直接進行調用 - 在內存中沒有存儲的位置所以會報錯 -> 不允許使用

而定義但不初始化值進行調用 - 在內存中有位置所以可以調用 -> 允許使用

注意:

JavaScript中允許只定義不賦值,但是不允許沒定義而直接調用

代碼示例:

console.log(v1);
/*
    只定義變量，但不初始化值
    * 結果 - (不報錯)輸出結果為 undefined
 */
var v1;
console.log(v1);/* undefined */

常量就是一個只讀的變量(定以后就不能改)

注意:

不能重復賦值

不能重復定義

常量定以后也不能用變量重新定義

定義常量的語法:
const 常量名稱 = 值;

代碼示例:

/*
    ECMA5之前的版本 - (了解就好)
        * 語法并沒有提供常量的定義 - 只能定義變量
        * 認為規定定義的是常量,但是使用的語法依舊是變量的語法
 */
var C = 100;//語法上依舊是變量, 人為規定是常量
C = 200;// 語法上是變量

/*
    ECMA5以后的版本
      * 提供了定義常量的語法定義 - 一旦定義,值就不能被改變
        * 語法 - const 常量名 = 值;
        * 注意: 重復賦值 - 會報錯 - TypeError: Assignment to constant variable.
        * 重復定義也會報錯 - SyntaxError: Identifier "C1" has already been declared
 */
const C1 = 100;


/*
    注意 - 常量不允許重新賦值 - 否則會報錯
*/
C1 = 200;


/*
    重復定義常量 - 同樣也不允許
*/
const C1 = 200;


/*
    重復定位為變量 - 也同樣不允許
 */
var C1 = 200;


/*
    總的來說就是利用常量定義過之后就不允許使用了
      * 不管是變量,還是常量的重新定義或重新賦值

    通常定義變量與常量的名稱的寫法:
      * 定義變量名稱 - 全小寫或者大小寫混合
      * 定義常量名稱 - 全大寫
 */

JavaScript是腳本語言 - 語法規則相對靈活(不建議)

定義變量或常量時，允許不寫修飾符(var或const)

沒有var或const關鍵字時，定義的默認為變量

代碼示例:

s = 300;
console.log(s);
s = 400;
console.log(s);

常量的定義 - 必須定義時同時初始化值

如果只定義而不初始化值 - 則會報錯

報錯結果為 - SyntaxError: Missing initializer in const declaration

代碼示例:

const C;
console.log(C);

控制臺調用示例圖:

變量:

定義變量使用var關鍵字

定義變量使用小寫

變量允許重復定義或賦值

變量允許只定義但不初始化值

變量的值允許改變

常量

定義常量使用const關鍵字

定義常量使用大寫

常量不允許重復定義或重復賦值

常量必須定義并初始化值

常量的值不能改變

數據類型就是對數據進行分類,

數據類型官方分為兩大類:

原始類型 - 又稱原始值

引用類型 - 又稱內置對象

number類型:整數(Intger)和浮點數(就是小數|float或double) - 在JavaScript中不區分整數與浮點數

代碼示例:

var num =100;/* 步驟: 1.變量名的定義并初始化; 2.字面量或直接量定義數字值 */

浮點類型:

如果寫的是".1"表示"0.1"的含義 -> 不推薦

如果寫的是".0"表示為整數 -> 不建議

如果寫的是"10."表示為整數 -> 不建議

示例代碼:

var num1 = 0.1;
console.log(num1);
/* 浮點類型 - ".1"表示"0.1"的含義 -> 不推薦 */
var num2 = .1;
console.log(num2);

var num3 = 10.1;
console.log(num3);
/* 浮點類型 - ".0"表示為整數 */
var num4 = 10.0;
console.log(num4);
/* 浮點類型 - "."表示為整數 */
var num5 = 10.;
console.log(num5);

控制臺調用圖:

注意: number類型中的小數可能出現誤差問題: - 并不是所有的小數計算都會出現誤差

小數計算時一定要注意是否出誤差

解決方法:通過數字值的換算來解決(把小數換成整數然后在換回來)

示例代碼:

/*
    number類型中的小數,在計算時可能出現誤差
    * 并不是所有小數計算都會出現誤差
    * 小數的計算時,要注意結果是否出現誤差
      * 如果出現誤差 - 利用數字換算的方法計算,然后得到結果在換算回來
       *比如: 0.3 - 0.2 給換算成整數 就是3 - 2  
*/

var x = 0.3;
var y = 0.2;
console.log(x - y);

控制臺調用示例圖:

number類型中存在一個特殊的值 - NaN

含義 - 表示當前的值不是以個數字值

類型 - 屬于number類型

特點 - NaN與任何值都不相等(包括與自身都不相等)

示例代碼:

var num = Number("一花一世界");/* 將一個普通文本內容轉換成number類型 */
console.log(num);// 調用結果為 NaN - 表示當前這個值不是一個數字值

console.log(10 == 10);// 調用結果為 true
console.log(NaN == NaN);// 調用結果為 false

控制臺調用示例圖:

string類型 - 又叫字符串 -> 建議使用單引號

注意:字符串中如果寫的是數字依舊是字符串類型

string類型 - JavaScript的字符串就是由單引號或雙引號包裹的

可以是 漢字, 數字 英文字母 等等

注意: 在JavaScript中單引號和雙引號沒有區別 - 建議使用單引號

示例代碼:

var str1 = "一花一世界";
var str2 = "一花一世界";

string類型 - 文本本身需要單引號或雙引號時有兩種方法:

如果是需要雙引號 - 那么字符串只能使用單引號

如果是需要單引號 - 那么字符串只能使用雙引號

示例代碼:

var str3 = "一花"一"世界";
console.log(str3);

var str4 = "一花"一"世界";
console.log(str4);

控制臺調用示例圖:

boolean類型 - 只有兩個值(都是小寫

注意:boolean類型的值只能是小寫

true: 表示是

false: 表示不是

示例代碼:

var boo1 = true;
console.log(boo1);

/* 大寫或大小寫混合時 -> JavaScript識別為另一個變量名稱(會報錯)
    因為控制臺在判只能判斷小寫的true或false所以控制臺報錯
      * 所以控制臺報錯的原因是 - True is not defined - 表示該變量值未定義
      * 其實是沒有識別大小寫混合的true
*/
var boo2 = True;
console.log(boo2);

typeof運算符是判斷以下變量值的類型 - (只判斷原始類型)

語法結構 - typeof 變量名稱

結果 - 原始類型的名稱 (string類型)

示例代碼:

var num = 100;
var boo = true;
var str = "一花一世界";

console.log(typeof num);// 調用結果為 number
console.log(typeof boo);// 調用結果為 boolean
console.log(typeof str);// 調用結果為 string

/*
    因為測試之后都打印在控制臺中了 - 能打印在控制臺中的信息本身就是字符串
     * 然后把typeof的結果賦值給另一個變量了
     * 所以這個變量最后得到的結果還是字符串類型
 */
var v1 = typeof num;
console.log(v1);// 調用結果為 number
console.log(typeof v1);// 調用結果為 string

通過包裝類型創建一個數字值類型的變量

語法 - var 變量名稱 = new Number(數字值)

new Number() - 表示創建了一個Number類型的對象

以下兩種方式創建的數字值, 在使用上沒有任何區別

建議使用字面量方式 - 原因簡潔

示例代碼:

/* 構造函數方式 */
var num1 = new Number(100);
console.log(num1);// 調用結果為 [Number: 100]

/* 字面量/直接量方式 */
var num2 = 100;
console.log(num2);// 調用結果為 100

兩個方式的唯一區別就是

構造函數方式 用typeof運算符運算結果是對象類型

字面量方式 用typeof運算符運算結果是number類型

示例代碼:

console.log(typeof num2);// 調用結果為 number
console.log(typeof num1);// 調用結果為 object(對象)

備注: 包裝類型中的String 類型和 Boolean 類型和 Number 相似

注意:typeof運算符只能判斷原始類型不能判斷包裝類型

示例代碼:

var str = new String("一花一世界");
var num = new Number(100);
var boo = new Boolean(true);

// typeof運算符只能判斷原始類型
console.log(typeof str);// 調用結果為 object
console.log(typeof num);// 調用結果為 object
console.log(typeof boo);// 調用結果為 object

typeof運算符與instanceof運算符的區別

typeof運算符

用于判斷原始類型

語法結構不同 -> typeof 變量名稱

得到結果不同 -> 原始類型的名稱

instanceof運算符

用于判斷引用類型(包裝類型)

語法結構不同 -> 變量名稱 instanceof 引用類型名稱

得到結果不同 -> 布爾類型的值(true或false)

undefined - 在JavaScript表示為空的含義

如果一個變量的值等于undefined -> 變量是存在的，但沒有值

undefined類型中只存在一個值(undefined)

得到undefined值的情況如下：

定義變量時，只聲明，而不初始化值 -> undefined

定義變量時，初始化值為 undefined -> undefined

注意 - 得到undefined值的情況不止以上兩種

示例代碼:

var v;
console.log(v);// 調用結果為 undefined

var c = undefined;
console.log(c);// 調用結果為 undefined

console.log(typeof v);// 調用結果為 undefined - 類型名稱

null

作用 - 用于將指定變量從內存中進行釋放

實現方法: 就是將一個指定變量的值賦值為null就行

null類型中只存在一個值(null)

注意:typeof給null的類型是錯的,但是不會報錯
null類型名稱就叫null

示例代碼:

var v = null;

/* 以下結果是錯誤的 */
console.log(typeof v);// 調用結果為 object

 console.log(v instanceof Null);// 調用結果為 報錯
console.log(v instanceof Object);// 調用結果為 false

不同點:

變量名為undefined值時 - 內存中依舊占優空間

而變量名為null值時 - 內存中內有空間

相同點:

都是原始類型

都保存在棧中 - 就是在內存中存儲在一個位置上,這個位置叫棧