JS中的常見輸出方式

• 在瀏覽器彈窗中顯示內(nèi)容

alert("hello world");

prompt("請輸入內(nèi)容：");

confirm("你好嗎?");

• 在頁面中顯示內(nèi)容

document.write("hello world2");

• 在控制臺中顯示內(nèi)容

console.log("hello world3");
console.error("錯誤信息");
console.warn("警告信息");

• 注意點：

• JS中嚴格區(qū)分大小寫

alert("hello world"); // 正確 
Alert("hello world"); // 錯誤

• 每一條JS語句以分號(;)結(jié)尾
  • 如果不寫分號，瀏覽器會自動添加，但是會消耗一些系統(tǒng)資源
  • 并且有些時候瀏覽器會加錯分號，所以在開發(fā)中分號必須寫
• JS中會忽略多個空格和換行

alert
(
"hello world"
);  

常量

• 什么是常量?

  • 常量表示一些固定的數(shù)據(jù)，也就是不能改變的數(shù)據(jù)

    
    

• 常量分類

  • 整型常量
    • 二進制(以0b開頭; 例如0b1001,0b1010)
    • 十進制(9,-10,0)
    • 八進制(以0開頭; 例如011, 012)
    • 十六進制(以0x開頭; 0x10, 0x11)
  • 實型常量
    • 小數(shù)(3.14, 9.8)
  • 字符串常量
    • 使用單引號(')或雙引號(")括起來的一個或幾個字符
  • 布爾值
    • 布爾常量只有兩種狀態(tài)：true或false
  • 特殊字符

    \n 換行,相當(dāng)于敲一下回車。
    \t 跳到下一個tab位置,相當(dāng)于按一下鍵盤上的tab鍵。 \b 退格,相當(dāng)于按一下backspace。
    \r 回車。
    \f 換頁,光標(biāo)移到到下頁開頭。
    \\ 輸出\字符,也就是在屏幕上顯示一個\字符。
    \' 輸出'字符,也就是在屏幕上顯示一個'字符。
    \" 輸出"字符,也就是在屏幕上顯示一個"字符。
    

• 練習(xí)
  10.6、19.0、‘A’、“男”、“l(fā)nj”、294、true

變量

什么是變量?

• 變量表示一些可以變化的數(shù)據(jù)。當(dāng)一個數(shù)據(jù)的值需要經(jīng)常改變或者不確定時，就應(yīng)該用變量來表示
• 例如:超市中的儲物格就相當(dāng)于一個變量, 里面可以存儲各種不同的東西, 里面存儲的東西也可以經(jīng)常改變
• 你去超市放東西到儲物柜的格子中,他會給你一張紙條,你根據(jù)這個紙條才可以拿回自己的東西,儲物柜的一格就是變量的內(nèi)存空間,字條就是變量名,你拿和放就是修改變量名對應(yīng)內(nèi)存中的數(shù)據(jù)

如何定義變量?

• 定義變量(聲明變量), 任何變量在使用之前，必須先進行定義
• 定義變量的目：在內(nèi)存中分配一塊存儲空間給變量，方便以后存儲數(shù)據(jù)。
• 如果定義了多個變量，就會為這多個變量分別分配不同的存儲空間。
  • 格式1: var 變量名稱 ;

      var num;
    

  • 格式2: var 變量名稱,變量名稱;

      var num1, num2, num3;
    

如何使用變量？

• 使用變量就是往變量里面存點東西或者取出變量中存儲的內(nèi)容;

• 往變量中存儲內(nèi)容

var num;
num = 10;

注意：

• 這里的等號 =，并不是數(shù)學(xué)中的“相等”，而是JavaScript語言中的賦值運算符，作用是將右邊的常量10賦值給左邊的變量num
• 賦值的時候= 號的左側(cè)必須是變量 (10 = num; 錯誤寫法)
• 規(guī)范:習(xí)慣將 = 的兩側(cè) 各加上一個 空格

• 變量的初始化

  • 變量第一次賦值，可以稱為“初始化”
  • 先定義,后初始化

    var num;
    num = 10;
    

  • 定義的同時進行初始化

    var num = 10;
    

  • 其它表現(xiàn)形式

      // 部分初始化
      var a, b, c = 10;
      // 完全初始化
      var a , b, c;
      a = b = c = 10;
    

  • 思考: 不初始化里面存儲什么?

      var num;
      console.log(num); // undefined
      // 如果變量沒有初始化, 里面存儲的是undefined
    

• 如何查看變量的值?

  var num;
  num = 10;
  console.log(num);
  

• 如何修改變量值?

  • 利用等號(=)重新賦值即可,每次賦值都會覆蓋原來的值

     var num;
     num = 10;
     num = 20;
     console.log(num); // 20
    

• 變量之間的值傳遞

  • 可以將一個變量的值賦值給另一個變量

    var a = 10;
    var b = a;
    console.log(b); // 10
    

學(xué)習(xí)交流方式:
1.微信公眾賬號搜索: 李南江(配套視頻,代碼,資料各種福利獲取)
2.加入前端學(xué)習(xí)交流群:
302942894 / 289964053 / 11550038