初學JavaScript，六個細節(jié)不可忽略

發(fā)布時間：2012年06月03日作者：萬碼學堂

JavaScript這門腳本語言看起來很簡單，然而想要寫出優(yōu)雅的代碼卻是需要不斷積累和學習的。本文列舉了JavaScript初學者應該注意的六個細節(jié)，希望對大家有所啟示。

一、簡化代碼

JavaScript定義對象和數(shù)組非常簡單，我們想要創(chuàng)建一個對象，一般是這樣寫的：

var car = new Object();

car.colour = 'red';

car.wheels = 4;

car.hubcaps = 'spinning';

car.age = 4;

下面的寫法可以達到同樣的效果：

var car = {

colour:'red',

wheels:4,

hubcaps:'spinning',

age:4

}

后面的寫法要短得多，而且你不需要重復寫對象名稱。

另外對于數(shù)組同樣有簡潔的寫法，過去我們聲明數(shù)組是這樣寫的：

var moviesThatNeedBetterWriters = new Array(

'Transformers','Transformers2','Avatar','Indiana Jones 4'

);

更簡潔的寫法是：

var moviesThatNeedBetterWriters = [

'Transformers','Transformers2','Avatar','Indiana Jones 4'

];

對于數(shù)組，還有關(guān)聯(lián)數(shù)組這樣一個特別的東西。你會發(fā)現(xiàn)很多代碼是這樣定義對象的：

var car = new Array();

car['colour'] = 'red';

car['wheels'] = 4;

car['hubcaps'] = 'spinning';

car['age'] = 4;

這太瘋狂了，不要覺得困惑，“關(guān)聯(lián)數(shù)組”只是對象的一個別名而已。

另外一個簡化代碼的方法是使用三元運算符，舉個例子：

var direction;

if(x < 200){

direction = 1;

} else {

direction = -1;

}

我們可以使用如下的代碼替換這種寫法：

var direction = x < 200 ? 1 : -1;

二、事件委托

事件是JavaScript非常重要的一部分。我們想給一個列表中的鏈接綁定點擊事件，一般的做法是寫一個循環(huán)，給每個鏈接對象綁定事件，HTML代碼如下：

<h2>Great Web resources</h2>

<li><a href="http://opera.com/wsc">Opera Web Standards Curriculum</a></li>

<li><a href="http://sitepoint.com">Sitepoint</a></li>

<li><a href="http://alistapart.com">A List Apart</a></li>

<li><a href="http://blameitonthevoices.com">Blame it on the voices</a></li>

<li><a href="http://oddlyspecific.com">Oddly specific</a></li>

</ul>

腳本如下：

// Classic event handling example

(function(){

var resources = document.getElementById('resources');

var links = resources.getElementsByTagName('a');

var all = links.length;

for(var i=0;i<all;i++){

// Attach a listener to each link

links[i].addEventListener('click',handler,false);

};

function handler(e){

var x = e.target; // Get the link that was clicked

alert(x);

分類導航

初學JavaScript，六個細節(jié)不可忽略

延伸閱讀

我想了解如何學習

分類導航

初學JavaScript，六個細節(jié)不可忽略

延伸閱讀

我想了解如何學習

初學JavaScript，六個細節(jié)不可忽略