JavaScript基礎語法 變量 常量 數據類型

第十六天筆記

JavaScript

基礎語法

• 區分大小寫
  JavaScript是一種區分大小寫的語言
  JavaScript的關鍵字 變量名 函數名 以及任何其餘的標識符必須適應一致的大小寫形勢

var wolongquanduan = '臥龍前端';
    console.log(wolongqianduan);
    var Wolongqianduan = 'Wolongqianduan';
    console.log(Wolongqianduan);
    var WOLONGQIANDUAN = 'WOLONGQIANDUAN';
    console.log(WOLONGQIANDUAN);

• 空格和換行
  並非JavaScript的語法內容 - 無關緊要 (建議使用)
  將代碼書寫的更加整潔 美觀 更有可讀性
• 可選的分號
  分號
  可選項 - JavaScript 語法並非強制要求的
  多個語句在一行編寫時 分號必須存在
  做用 - 表示一句話結束
• 變量的定義
  變量的定義的語法結構:
  語法結構 - var 變量名稱 = 變量的值;
  JavaScript的變量是弱類型的(鬆散類型)
  定義變量時 初始化值 - 並不清楚變量的值的類型
  只有在爲變量初始化值 - 才知道改變了的值的類型

/* 1.定義變量 並初始化值 */
    var v = '臥龍學苑';/* 定義變量 - 變量的定義 而且初始化值 */
    console.log(v);/* 調用變量 */

    /* 2.定義變量 可是沒有初始化值 */
    var v1; /* 只定義 沒有初始化 */
    console.log(v1);/* 結果爲 undefined(未定義)*/

    v1 = '臥龍學苑' ;/* 初始化值(賦值)*/
    console.log(v1);

    /* 3.多個變量同時定義 - 變量定義之間使用逗號分隔 */
    var v2 = 100, v3;
    console.log(v2);//100
    console.log(v3);//undefined

• 重複的定義
  JavaScript中重複定義變量 - 語法是容許的
  重複定義時 - 先將之間的變量在內存的空間銷燬 再建立
• 重複的賦值
  賦值語句能夠將一個含有變量的自身的代數式的值再賦給這個變量

var v = '臥龍學苑';
    console.log(v);//臥龍學苑

    v = 100;
    console.log(v);//100

• 遺漏的定義
  變量沒有定義 - 之間調用
  結果 - (報錯)變量名 id not defined
  緣由 - 該變量沒有定義
  只定義變量 - 但不初始化值
  結果 - (不報錯)輸出結果爲 undefined
• 常量的定義
  ECMA5以前的版本
  語法並無提供常量的定義 - 只能定義變量
  認爲規定定義的是常量 可是使用的語法結構依舊是變量的語法
  ECMA5及以後的版本
  提供了定義常量的語法 - 確認定義 值就不能再更改
  const 常量名 = 值;
  重複賦值 - 報錯
  TypeError: Assignment to constant variable
  重複定義 (常量或變量) - 報錯
  SyntaxError: Identifier 'C1' has already been declared
  定義變量與常量的名稱
  定義變量名稱時 - 全小寫或者大小寫混合
  定義常量名稱時 - 全大寫

var C = 100;//語法上是變量的 人爲規定是常量
    C = 200; //語法上是變量

    const C1 = 100;
    //不能重複賦值
    //C1 = 200;
    //重複定義爲常量
    //const C1 = 200;
    //重複定義爲變量
    var C1 =200;

• 定義變量或常量
  JavaScript是腳本語言 - 語法規則相對靈活(不建議)
  定義變量或常量時 容許不寫修飾符(var或者const)
  沒有var或者const關鍵字時 定義的默認爲變量
• 常量定義的問題
  常量的定義 - 必須定義時 同時初始化值
  若是隻定義而不初始化 - 報錯
  SyntaxError: Missing initializer in const declaration
• 變量與常量的區別
  變量
  1.定義變量使用var關鍵字
  2.定義變量 可使用小寫
  3.變量容許重複定於或重複賦值
  4.變量只容許定義 但不初始化
  5.變量的值是容許改變的
  常量
  1.定義常量使用const關鍵字
  2.定義常量使用大寫
  3.常量不容許重複定義或重複賦值
  4.常量必須定義初始化值
  5.常量的值不容許改變

數據類型概況

• 歸納
  在JavaScript代碼中 可以表示並操做的類型稱之爲數據類型
  數據類型分爲(原始類型 特殊類型) (包裝類型 引用類型)
  原始類型又成原始值 是直接表明JavaScript語言實現的最底層的數據
  分別爲boolean類型 number類型 string類型三種.
  1.boolean類型
  整數(lntger)和浮數點(小數丨float或double)
  JavaScript並不區分整數與浮數點
  a.變量的定義並初始化
  b.字面量或直接量定義數字值
  2.number類型
  number類型是指數字 JavaScript不區分整數類型和浮點類型
  a.整數類型:包括負整數 0 和正整數
  b.浮點類型:表示小數 JavaScript中的隨意數字都可用浮點類型表示
  進制有:八進制 十進制 十六進制
  3.string類型
  string類型用於表示由零或多個16位Unicode字符組成的字符序列 被稱爲字符串 字符串能夠由雙引號("")或單引號('')表示

  浮點類型

  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類型中的小數 在計算時均可能出現偏差
  並非全部的小數計算都出現偏差
  小數的計算時 注意結果是否出現偏差
  經過數字值的換算 將其轉換成整數進行計算 再將結果換算爲小數
• NaN(Not a Number)
  即非數值 是一個特殊的數值
  特色:
  任何涉及NaN的操做都會返回NaN
  NaN與任何值都不相等 包括NaN自己

var num = Number('臥龍學苑');//將一個普通文本內容轉換成number類型
    console.log(num);//當前這個值不是一個數字值

    console.log(10 == 10);//true
    console.log(NaN == NaN);//false

• 無窮大
  1.正無窮大 2. 負無窮大
  無窮大與另外一個無窮大是不相等的
  無窮大減去另外一個無窮大不等於零

var num = 98/0;
    console.log(num);//Infinity(無窮)

• 字符串
  string類型 - JavaScript的字符穿就是由單引號或者雙引號包裹
  在JavaScript中單引號和雙引號是沒有區別的 - 建議使用單引號
  文本自己須要單引號或雙引號時
  1.若是須要的是雙引號 字符串只能使用單引號
  2.若是須要的是單引號 字符串只能使用雙引號

• 轉義字符
  在控制檯輸出"xxxyyy" 第一行輸出"xxx" 第二行輸出"yyy"

  console.log('xxx\nyyy');
  
     console.log('100');//string類型

• 運算符
  typeof運算符
  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
  
  var result = typeof num;
  console.log(result);//number
  console.log(typeof result);//string

  instanceof運算符
  instanceof運算符用於判斷引用類型(包裝類型)

  console.log(typeof str);//object
  console.log(typeof num);//object
  console.log(typeof boo);//object
  
  console.log(str instanceof String);//true

  typeof運算符與instanceof運算符的區別
  typeof 運算符
  1.用於判斷原始類型
  2.語法結構不一樣 -> typeof 變量名稱
  3.獲得結果不一樣 -> 原始類型的名稱
  instanceof運算符
  1.用於判斷引用類型(包裝類型)
  2.語法結構不一樣 ->變量名稱 instanceof引用類型名稱
  3.獲得結果不一樣 ->布爾類型的值 (true或false)

• 特殊類型
  undefined - 在JavaScript表示爲空的含義
  若是一個變量的值等於undefined -> 變量是存在的 但沒有值
  undefined 類型中只存在一個值(undefined)
  獲得undefined值的狀況以下:
  定義變量時 只聲明 而不初始化 -> undefined
  定義變量時 初始化值爲 undefined -> undefined
  注意 - 獲得undefined值的狀況不止以上兩種

  var v;
  console.log(v);
  var c = undefined;
  console.log(c);
  console.log(typeof  v);//undefined - 類型名稱

  null
  做用 - 用於將指定變量從內存中進行釋放
  實現 - 將指定變量的值賦值爲 null
  null類型中只存在一個值 (null)

  var v = null;
  //如下結果是錯誤的
  console.log(typeof v);//object
  //console.log(v instanceof Null);//結果爲報錯
  console.log(v instanceof Object);//false