在JavaScript中二元加法運算子”+”可以對兩個數字或者字串進行連線操作。

1+2=>3
"hello"+" "+"world" => "hello world"
"1"+"2"=>"12"

當兩個運算元都是數字或者都是字串時,得到的結果都是可預期的。但是對於其它情況來說,結果是如何呢？

var arr=[1];
var str="2";
var n=3;
console.log(str+arr);
console.log(n+arr);
console.log(n+null);
console.log(n+undefined);
var obj1={x:1
 
};
console.log(arr+obj1);
var obj2={x:1};
console.log(obj1+obj2);
var b1=true;
var b2=true;
console.log(b1+b2);
var b3=new Boolean(false);
var b4=new Boolean(false);
console.log(b3+b4);

由於情況很多,這裡就不進行逐一列舉。對上面列舉出來的情況,讀者可以先自行思考。在文章的最後給出對應的答案。現在先講一下”+”的處理過程,看看是否和讀者思路一樣。
對於類似上面列舉的情況, “+”運算子要進行一些必要的轉換,並且運算子的行為依賴於型別轉換的結果。加號的轉換規則優先於考慮字串連線,如果其中一個運算元是字串或者轉換為字串的物件,另外一個運算元將會轉換為字串,加法進行字串連線操。如果兩個運算元都不是類字串,那麼將進行算術加法運算。

從技術層面來講,加法的操作表現行為如下：
1) 如果其中一個運算元是物件,則物件會遵循物件到原始值的轉換規則轉換為原始值。（可參考這篇文章:http://blog.csdn.net/u010533180/article/details/54427200）。日期物件通過toString()方法執行轉換,其它物件則通過valueOf()方法執行轉換。由於多數物件都不具備valueOf(）方法,因此就會呼叫toString()方法來進行轉換。
2)在進行物件到原始值的轉換後,如果其中一個運算元是字串的話,則另一個運算元也會轉換為字串,然後進行字串的連線操作。
3）否則,兩個運算元都將轉換為數字(或者NaN),然後進行加法操作。

另外需要注意的是加號運算子和字串和數字一起使用的時候,需要考慮加法的結合性對運算的影響。也就是運算結果是依賴運算子的運算順序。

1+2+" hello world"=>"3 helo world"

1+(2+" hello world")=>"12 helo world"

下面來公佈之前提到例子的答案：

var arr=[1];
var str="2";
var n=3;
console.log(str+arr); //21 陣列轉換為對應的字串1
console.log(n+arr);//31 陣列轉換為對應的字串1
console.log(n+null);// 3 null轉換為0
console.log(n+undefined); //NaN undefined轉換為NaN
var obj1={x:1};
console.log(arr+obj1); // 1[object Object] obj1轉換為object
var obj2={x:1};
console.log(obj1+obj2); //[object Object][object Object]
var b1=true;
var b2=true;
console.log(b1+b2); //2 true 轉換為1 進行計算
var b3=new Boolean(false);
var b4=new Boolean(false);
console.log(b3+b4); //0 b3 和b3得到原始值轉換為0

運算子優先順序表格:運算子按照優先順序的不同從高到低排列。

文章參考來源：《JavaScript 權威指南》（原書第六版） 作者 弗蘭納根