一、調(diào)試方式

我們寫的JS代碼有時(shí)候會(huì)出現(xiàn)一些錯(cuò)誤，如何去查找錯(cuò)誤呢？我們就需要用到以下幾種調(diào)試方式進(jìn)行驗(yàn)證：
1、alert(),每次彈框都需要手動(dòng)點(diǎn)擊確定按鈕進(jìn)行關(guān)閉。

<script type="text/javascript">
        alert('您好!') 
</script>

在瀏覽器中打開，便會(huì)彈出一個(gè)內(nèi)容為“您好!”的彈框。

2、console.log()，在控制臺(tái)查看效果推薦使用。

<script type="text/javascript">
    console.log("您好!")
</script>

在瀏覽器中打開，在鼠標(biāo)右鍵菜單中點(diǎn)擊檢查，在控制臺(tái)（console）中可以看到打印出“您好!”。

3、document.title = “”，修改文件在瀏覽器中顯示的標(biāo)題不適用大量文字。

<script type="text/javascript">
    document.title = "您好!";
</script>

在瀏覽器中打開，當(dāng)前網(wǎng)頁的標(biāo)題就會(huì)顯示為“您好!”。

4、document.write()，直接在瀏覽器窗口打印。

<script type="text/javascript">
    document.write("您好！");
</script>

在瀏覽器中打開，當(dāng)前網(wǎng)頁就會(huì)顯示“您好!”。

二、變量

1.變量命名方式

定義變量的關(guān)鍵字是var，變量可以由字母、數(shù)字、下劃線、符號(hào)組成。
例如：

       // 定義變量的關(guān)鍵字是var  
        var a = 10;
        var b = 20;
        var c = a + b;
        console.log(c);

        // 數(shù)字、字母，組合
        var name1 = "lidaze";
        console.log(name1);

        // 數(shù)字、字母、下劃線，組合
        var stuent_name_2 = "liuchang";

**注意：
1、變量命名不能以數(shù)字開頭。
2、不能使用系統(tǒng)關(guān)鍵字（例如：var / function / window / this ......)
3、變量命名最好見名知意。
4、變量命名要使用駝峰命名法，即除第一個(gè)單詞首字母小寫外，其他 所有單詞首字母全部大寫。
**

三、基礎(chǔ)數(shù)據(jù)類型

常見數(shù)據(jù)類型有：number（數(shù)字）、string（字符串）、boolean（布爾類型）、undefine（未定義）、null（空）、Array（數(shù)組）、function（函數(shù)）、JSON、Object（對(duì)象）等。如果想要查看數(shù)據(jù)類型，可以用typeof方法來查看。

    // 使用 typeof 可以檢測(cè)類型
    var age = 19; // number
    console.log(typeof age);

    var height = 180.1; // number
    console.log(typeof height);

    var name = "lidaze"; // string
    console.log(typeof name);

    var gender = 'man'; // string
    console.log(typeof gender);

    var flag = true; // boolean
    console.log(typeof flag);

    var girlFriend; // undefine
    console.log(typeof girlFriend);

    var boyFriend = null; // object 存的值為null
    console.log(typeof boyFriend);

    var hobbys = ['eat', 'drink', 'play', 'sleep']; // object Array
    console.log(typeof hobbys);

    var mengPerson = {name: 'mengmengda', age: 18, gender: 'man'}; // object JSON
    console.log(typeof mengPerson);
    console.log(mengPerson.name, mengPerson.age, mengPerson.gender);

    var title = document.getElementById('title'); // object 標(biāo)簽/元素
    console.log(typeof title);

    var func = function() { // object function
        console.log("I'm funtion!");
    }
    func();
    console.log(typeof func);

控制臺(tái)打印效果

四、數(shù)據(jù)轉(zhuǎn)換

1、parseInt() 把字符串轉(zhuǎn)為數(shù)字，也可將浮點(diǎn)數(shù)轉(zhuǎn)換為整數(shù)。
2、parseFloat() 把帶有小數(shù)點(diǎn)的字符串轉(zhuǎn)換為浮點(diǎn)數(shù)。
3、Number() 把純數(shù)字的字符串轉(zhuǎn)換為數(shù)字，如果帶有非數(shù)字內(nèi) 容則返回NaN(not a number)。

    // 把字符串轉(zhuǎn)為數(shù)字
    var str1 = "123.2234";
    console.log(typeof str1, str1);
    var num1 = parseInt(str1);
    console.log(typeof num1, num1);

    var str2 = "123.35";
    console.log(typeof str2, str2);
    // 如果要轉(zhuǎn)換帶有小數(shù)點(diǎn)的數(shù)字，就需要使用parseFloat()
    var num2 = parseFloat(str2); 
    console.log(typeof num2, num2);

    // 如果字符串中有非數(shù)字怎么辦？
    var str3 = "123abc";
    var num3 = parseInt(str3);
    console.log(typeof num3, num3);

    var str4 = "1a2b3c";
    var num4 = parseInt(str4);
    console.log(typeof num4, num4);


    // 使用Number()進(jìn)行轉(zhuǎn)換
    var str5 = "123";
    var num5 = Number(str5);
    console.log(typeof num5, num5);

    // 注意：使用Number()進(jìn)行轉(zhuǎn)換的時(shí)候，里面不能包含非數(shù)字內(nèi)容
    var str6 = "123d";
    // num6 依然是 number， 只是值是NaN (not a number)
    var num6 = Number(str6); 
    console.log(typeof num6, num6);
    // 注意Number() 和 parseInt() 的區(qū)別

控制臺(tái)打印效果

4、String() 把對(duì)象的值轉(zhuǎn)換為字符串。
5、isNaN() 檢查某個(gè)值是否是數(shù)字。

    // 將對(duì)象轉(zhuǎn)換為字符串
    var test1 = new Boolean(0);
    console.log(typeof String(test1), String(test1)); // false

    var test2 = new Boolean(1);
    console.log(typeof String(test2),String(test2)); // true

    var test3 = new Boolean(true);
    console.log(String(test3)); // true

    var test4 = 34323;
    console.log(typeof test4); // number
    console.log(typeof String(test4), String(test4));

    var age = 19;
    var gender = 'man';

    // 使用函數(shù)進(jìn)行判斷
    var res1 = isNaN(age);
    console.log(typeof res1, res1);
    var res2 = isNaN(gender);
    console.log(typeof res2, res2);

6、隱式類型轉(zhuǎn)換
－、×、/、%等可以將字符串轉(zhuǎn)換為數(shù)字。

    // 聲明變量
    var str1 = "100";
    var num = 25;

    // 相加
    var res1 = str1 + num;
    console.log(typeof res1, res1);

    // 相減
    var res2 = str1 - num;
    console.log(typeof res2, res2);

    // 相乘
    var res3 = str1 * num;
    console.log(typeof res3, res3);

    // 相除
    var res4 = str1 / num;
    console.log(typeof res4, res4);

    // 取余
    var res5 = str1 % num;
    console.log(typeof res5, res5);

    // 隱式類型轉(zhuǎn)換中，把字符串轉(zhuǎn)為數(shù)字使用的為Number()方式，字符串中不能包含非數(shù)字字母

控制臺(tái)打印效果

以上內(nèi)容純屬個(gè)人理解，由于水平有限，若有錯(cuò)漏之處敬請(qǐng)指出斧正，小弟不勝感激。

更多詳情可參閱http://www.w3school.com.cn/