try{
  //可能會(huì)導(dǎo)致錯(cuò)誤的代碼
}catch(error){
  //在錯(cuò)誤發(fā)生時(shí)怎么處理
}

發(fā)生錯(cuò)誤時(shí)可以顯示瀏覽器給出的信息

try{
  window.someNonexistentFunction();
}catch(error){
  alert(error.message);
}

在try-catch語句中是可選的，但finally子句一經(jīng)使用，代碼無論如何都會(huì)執(zhí)行，try語句塊中的代碼全部正常執(zhí)行，finally子句會(huì)執(zhí)行，如果因?yàn)槌鲥e(cuò)而執(zhí)行了catch語句塊，finally子句照樣還會(huì)執(zhí)行。只要代碼中包含finally子句，無論try或catch語句塊中包含什么代碼，甚至return語句，都不會(huì)阻止finally子句的執(zhí)行

function testFinally(){
  try{
    return 2;
  }catch(error){
    return 1;
  }finally {
    return 0;
  }
}

ECMA-262定義了7種錯(cuò)誤類型

Error，是基類型，其他錯(cuò)誤類型都繼承自該類型

EvalError，錯(cuò)誤會(huì)在使用eval()函數(shù)而發(fā)生異常時(shí)被拋出

new eval();//拋出EvalError
eval=foo;//拋出EvalError

RangeError，在數(shù)值超出相應(yīng)范圍時(shí)觸發(fā)

var items1=new Array(-20);//拋出RangeError
var items2=new Array(Number.MAX_VALUE);//拋出RangeError

ReferenceError，找不到對(duì)象時(shí)，拋出這個(gè)錯(cuò)誤

var obj=x;//在x并未聲明的情況下拋出ReferenceError

SyntaxError，把語法錯(cuò)誤的JavaScript傳入eval()函數(shù)時(shí)觸發(fā)

eval("a++b");//拋出SyntaxError

TypeError，在變量中保存著意外的類型，或者訪問不存在的方式時(shí)觸發(fā)

var o=new 10;//拋出TypeError
alert("name" in true);//拋出TypeError
Function.prototype.toString.call("name");//拋出TypeError

URIError，使用encodeURI()或decodeURI()而URI格式不正確時(shí)觸發(fā)

與try-catch語句相配的還有一個(gè)throw操作符，用于隨時(shí)拋出自定義錯(cuò)誤。拋出錯(cuò)誤時(shí)，必須要給throw操作符指定一個(gè)值，這個(gè)值是什么類型。沒有要求

throw 12345;
throw "Hello world!";
throw true;
throw {name:"JavaScript"};

也可以模擬出類似的瀏覽器錯(cuò)誤

throw new SyntaxError("I don’t like your syntax.");
throw new TypeError("What type of variable do you take me for?");
throw new RangeError("Sorry, you just don’t have the range.");
throw new EvalError("That doesn’t evaluate.");
throw new URIError("Uri, is that you?");
throw new ReferenceError("You didn’t cite your references properly.");

拋出錯(cuò)誤的時(shí)機(jī)

//函數(shù)會(huì)在參數(shù)不是數(shù)組的情況下失敗
function process(values){
  value.sort();
  for(var i=0,len=values.length;i100){
      return values[i];
    }
  }
  return -1;
}

以上代碼，不同瀏覽器給出不同錯(cuò)誤信息

IE，屬性或方法不存在

Firefox，values.sort()不是函數(shù)

Safari，值undefined

Chrome，對(duì)象名沒有方法sort

Opera，類型不匹配

//函數(shù)重寫
function process(values){
  if (!(values instanceof Array)){
    throw new Error("process(): Argument must be an array.");
  }
  values.sort();
  for (var i=0, len=values.length; i < len; i++){
    if (values[i] > 100){
      return values[i];
    }
  }
  return -1;
}

重寫后的函數(shù)中，如果values參數(shù)不是數(shù)組，就會(huì)拋出一個(gè)錯(cuò)誤，錯(cuò)誤消息中包含了函數(shù)的名稱，以及為什么會(huì)發(fā)生錯(cuò)誤的明確描述

任何沒有通過try-catch處理的錯(cuò)誤都會(huì)觸發(fā)window對(duì)象的error事件

在任何Web瀏覽器中，onerror事件處理程序都不會(huì)創(chuàng)建event對(duì)象，但可以接收三個(gè)參數(shù)：錯(cuò)誤消息，錯(cuò)誤所在的URL和行號(hào)

只要發(fā)生錯(cuò)誤，無論是不是瀏覽器生成的，都會(huì)觸發(fā)error事件，并執(zhí)行這個(gè)事件處理程序

在事件處理程序中返回false可以阻止瀏覽器報(bào)告錯(cuò)誤的默認(rèn)行為

window.onerror=function(message,url,line){
  alert(message);
  return false;
}

一般需要關(guān)注三種錯(cuò)誤

類型轉(zhuǎn)換錯(cuò)誤

數(shù)據(jù)類型錯(cuò)誤

通信錯(cuò)誤

非致命錯(cuò)誤

不影響用戶的主要任務(wù)

只影響頁面的一部分

可以恢復(fù)

重復(fù)相同的操作可以消除錯(cuò)誤

致命錯(cuò)誤

應(yīng)用程序根本無法繼續(xù)運(yùn)行

錯(cuò)誤明顯影響到了用戶的主要操作

會(huì)導(dǎo)致其他連帶錯(cuò)誤

for(var i=0,len=mods.length;i
調(diào)試技術(shù)
將消息記錄到控制臺(tái)

可以通過console對(duì)象向JavaScript控制臺(tái)中寫入信息，這個(gè)對(duì)象具有下列方法

error(message)，將錯(cuò)誤信息記錄到控制臺(tái)
info(message)，將信息性消息記錄到控制臺(tái)
log(message)，將一般消息記錄到控制臺(tái)
warn(message)，將警告消息記錄到控制臺(tái)

function sum(num1, num2){
  console.log("Entering sum(), arguments are " + num1 + "," + num2);
  console.log("Before calculation");
  var result = num1 + num2;
  console.log("After calculation");
  console.log("Exiting sum()");
  return result;
}

將消息記錄到當(dāng)前頁面

在頁面 中開辟一小塊區(qū)域，用以顯示信息，這個(gè)區(qū)域通常是一個(gè)元素，而該元素可以總是出現(xiàn)在頁面中，但僅用于調(diào)試目的，也可以是一個(gè)根據(jù)需要?jiǎng)討B(tài)創(chuàng)建的元素
function log(message){
  var console = document.getElementById("debuginfo");
  if (console === null){
    console = document.createElement("div");
    console.id = "debuginfo";
    console.style.background = "#dedede";
    console.style.border = "1px solid silver";
    console.style.padding = "5px";
    console.style.width = "400px";
    console.style.position = "absolute";
    console.style.right = "0px";
    console.style.top = "0px";
    document.body.appendChild(console);
  }
  console.innerHTML += "
" + message + "
";
}

拋出錯(cuò)誤

可以使用assert()函數(shù)代替某些函數(shù)中需要調(diào)試的if語句，以便輸出錯(cuò)誤消息
function assert(condition, message){
  if (!condition){
    throw new Error(message);
  }
}
function divide(num1, num2){
  assert(typeof num1 == "number" && typeof num2 == "number",
         "divide(): Both arguments must be numbers.");
  return num1 / num2;
}