首頁  >  文章  >  web前端  >  JavaScript 七大技巧(一)_javascript技巧

JavaScript 七大技巧(一)_javascript技巧

WBOY
WBOY原創
2016-05-16 15:25:471009瀏覽

JavaScript是一門非常流行的程式語言,許多開發者都會把JavaScript選為入門語言,本文向大家分享JavaScript七大實用技巧、最佳實踐等非常實用的內容。在過去,如果你想創建一個對象,你需要這樣:

 var car = new Object();
   car.colour = 'red';
   car.wheels = ;
   car.hubcaps = 'spinning';
   car.age = ;  下面的写法能够达到同样的效果: var car = {
   colour:'red',
   wheels:,
   hubcaps:'spinning',
   age:
   }

簡單多了,你不需要重複使用這個物件的名稱。

這樣 car 就定義好了,也許你會遇到 invalidUserInSession 的問題,這只有你在使用IE時會碰到,只要記住一點,不要右大括

號前面寫分號,你就不會有麻煩。  

另外一個十分方便的簡寫是針對陣列的。  

傳統的定義數組的方法是這樣:

 var moviesThatNeedBetterWriters
  = new Array(
   'Transformers','Transformers','Avatar','Indiana
  Jones '
   );  简写版的是这样: var moviesThatNeedBetterWriters
  = [
   'Transformers','Transformers','Avatar','Indiana
  Jones '
   ];

  對於數組,這裡有個問題,其實沒有什麼圖組功能。但你會常常發現有人這樣定義上面的 car ,就像這樣

 var car = new Array();
   car['colour'] = 'red';
   car['wheels'] = ;
   car['hubcaps'] = 'spinning';
   car['age'] = ;

陣列不是萬能的;這樣寫不對,會讓人困惑。圖組其實是物件的功能,人們混淆了這兩個概念。  
另外一個非常酷的簡寫方法是使用與三元條件符號。  

你不必寫成下面的樣子…

 var direction;
   if(x < ){
   direction = ;
   } else {
   direction = -;
   }
...

  你可以用三元條件符號來簡化它:  

var direction

  = x < 200 &#63; 1 : -1; 

條件為true 時取問號後面的值,否則取冒號後面的值。  

以上就是腳本之家小編為大家分享的有關JavaScript 七大技巧(一)的知識,後續給大家更新javascript七大技巧(二),我們後續會還會更新更多關於這方面的知識,希望能對大家有幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn