JavaScript 的基本用法(一)：數據類型，輸出，註釋，運算符，流程控制

時間 2019-12-06

標籤 javascript 基本用法數據類型輸出註釋運算符流程控制欄目 JavaScript 简体版

原文原文鏈接

學習一門語言，能夠從這兩個維度去入手：python

1常量，變量數組

　　　　js的的常量也叫字面量瀏覽器

　　有字符類型ide

　　　　　　var carname="Volvo XC60";
　　　　　var carname='Volvo XC60';函數

　　　　var是聲明變量的的關鍵字用' or 「包括先後表明字符學習

　　數字類型ui

　　　　　　JavaScript 只有一種數字類型。數字能夠帶小數點，也能夠不帶：spa

　　　　　　var x1=34.00; //使用小數點來寫
　　　　　　var x2=34; //不使用小數點來寫3d

JavaScript boolcode

　　　　　　var x=true;
　　　　　　var y=false;

　數組

　　　　　　var cars=new Array(); 或者簡寫：var cars=["Saab","Volvo","BMW"];
　　　　　　cars[0]="Saab";
　　　　　　cars[1]="Volvo";
　　　　　　cars[2]="BMW";

JavaScript 對象

　　　　　　對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

　　　　　　var person={firstname:"John", lastname:"Doe", id:5566};

　　　　　　上面例子中的對象 (person) 有三個屬性：firstname、lastname 以及 id。空格和折行可有可無。聲明可橫跨多行：

　　 Undefined 和 Null　　　　　

　　　　　　Undefined 這個值表示變量不含有值。

　　　　　　能夠經過將變量的值設置爲 null 來清空變量。

　 聲明變量類型

　　　　　　聲明新變量時，使用關鍵詞 "new" 來聲明其類型：

　　　　　　　　var carname=new String;
　　　　　　　　var x=      new Number;
　　　　　　　　var y=      new Boolean;
　　　　　　　　var cars=   new Array;
　　　　　　　　var person= new Object;

　　　　　　　ps：JavaScript 變量均爲對象。當您聲明一個變量時，就建立了一個新的對象。

　　聲明變量關鍵字var ，let

　　　　　　var有三種聲明的情形：

1. var聲明的全局變量,不能刪
2. 　 var在函數範圍內聲明的局部變量，不能刪
3. eval中聲明的全局變量。能刪

　　不經過var直接聲明的變量能夠刪，在函數內部刪也沒問題

　　　在一條語句中聲明不少變量。該語句以 var 開頭，並使用逗號分隔變量便可：

　　　 ar lastname="Doe", age=30, job="carpenter";

　　　 let容許你聲明一個做用域被限制在塊級中的變量、語句或者表達式。在Function中局部變量推薦使用let變量，避免變量名衝突。

　　　實例：

function varTest() {
    var x = 1;
    if (true) {
        var x = 2;       // 一樣的變量!
        console.log(x);  // 2
    }
    console.log(x);  // 2
}

function letTest() {
    let x = 1;
    if (true) {
        let x = 2;       // 不一樣的變量    
        console.log(x);  // 2  
    }
    console.log(x);  // 1
}

2 註釋

　　單行註釋以 // 開頭。多行註釋以 /* 開始，以 */ 結尾。

3 輸出

　　JavaScript 沒有任何打印或者輸出的函數。

　　JavaScript 能夠經過不一樣的方式來輸出數據：

使用 window.alert() 彈出警告框。
使用 document.write() 方法將內容寫到 HTML 文檔中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制檯。

　　　　　　如需從 JavaScript 訪問某個 HTML 元素，可使用 document.getElementById(id) 方法。

　　　　　　使用 "id" 屬性來尋找 HTML 元素， innerHTML 插入元素內容：

　　　　　　例子：document.getElementById("demo").innerHTML = "段落已修改。";

4 運算符

　　　　+-*/ 加減乘除 %取模，獲得餘數 ++，-- 自增長1 ，自減減1

·　　JavaScript 賦值運算符

　　　　= 等於賦值， += 等同與x=x+y ,-= 等同與x=x-y ,*= 等同與x=x*y, /= 等同與x=x/y, %= 等同與x=x/y

　　　　文本也能夠用+　　當文本和數字用加號賦值的時候，好比w=1+'1',結果會是'11'.　　　　　　

　　　布爾運算符：　　

　　　　　　==　　弱等於比較好比1==’1‘//true，===強等於比較，好比 1==='1'//false; 把兩個符號的第一個=換成！，就是對應強弱類型的不等於比較。

　　　　　　<,>,>=,<= 含義：小於比較，大於比較，小於等於比較，大於等於比較

　　　　　　ps：不要忘記大於小於號是在等號前面

　　　　　　ps：絕對的真假是不存在的，只有相對的比較。

5 流程控制　

　　　　代碼總要執行下去的，無論是結束仍是堵塞，都是一個過程

　　　　　判斷，循環　　

　　　　　判斷的命令範式：　

if 語句 - 只有當指定條件爲 true 時，使用該語句來執行代碼
if...else 語句 - 當條件爲 true 時執行代碼，當條件爲 false 時執行其餘代碼
if...else if....else 語句- 使用該語句來選擇多個代碼塊之一來執行
switch 語句 - 使用該語句來選擇多個代碼塊之一來執行

　　　　　　if後面跟條件，（）用括號，{}跟執行語句

　　　示例：

if (time<10)
{
    document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
    document.write("<b>今天好</b>");
}
else
{
    document.write("<b>晚上好!</b>");
}

　　　　switch語句　　　　　　

　　　　　僞代碼：　

switch(n)
{
    case 1:
        執行代碼塊 1
        break;
    case 2:
        執行代碼塊 2
        break;
    case n:
         執行代碼塊 n
        
    default:
        與 case 1 和 case 2 不一樣時執行的代碼
}

　　　　　　實例：　　　　　

var d=new Date().getDay();
switch (d)
{
    case 6:x="今天是星期六";
    break;
    case 0:x="今天是星期日";
    break;
    default:
    x="期待週末";
}
document.getElementById("demo").innerHTML=x;