精品日韩人妻中文字幕,精品不卡一区二区三区,性欧美vr高清极品

公告

Javascript 風(fēng)格向?qū)?/span>

序

　　大部分針對Javascript最合理的方法歸納。

類型

?　原始類型：我們可以直接使用值。

　　ο　　string

　　ο　　number

　　ο　　boolean

　　ο　　null

　　ο　　undefined

var foo = 1,
    bar = foo;

bar = 9;

console.log(foo, bar); // => 1, 9

? 復(fù)合類型：我們通過`引用`對值進(jìn)行間接訪問。

　　ο　　object

　　ο　　array

　　ο　　function

var foo = [1, 2],
    bar = foo;

bar[0] = 9;

console.log(foo[0], bar[0]); // => 9, 9

Objects

?　使用{}創(chuàng)建對象。

// bad
var item = new Object();

// good
var item = {};

?　不要使用保留字作為關(guān)鍵字。

// bad
var superman = {
  class: 'superhero',
  default: { clark: 'kent' },
  private: true
};

// good
var superman = {
  klass: 'superhero',
  defaults: { clark: 'kent' },
  hidden: true
};

Arrays

?　使用[]創(chuàng)建數(shù)組

// bad
var items = new Array();

// good
var items = [];

?　如果你不知道數(shù)組長度，使用Array#push。

var someStack = [];

// bad
someStack[someStack.length] = 'abracadabra';

// good
someStack.push('abracadabra');

?　當(dāng)你需要復(fù)制數(shù)組的時候，請使用Array#slice。

var len = items.length,
    itemsCopy = [],
    i;

// bad
for (i = 0; i < len; i++) {
  itemsCopy[i] = items[i];
}

// good
itemsCopy = items.slice();

Strings

?　對于字符串，我們使用單引號''。

// bad
var name = "Bob Parr";

// good
var name = 'Bob Parr';

// bad
var fullName = "Bob " + this.lastName;

// good
var fullName = 'Bob ' + this.lastName;

?　超過80個字符的字符串，我們使用串聯(lián)符號（\），讓字符串多行顯示。

?　注意：如果過度使用帶串聯(lián)符號的字符可能會影響到性能。

// bad
var errorMessage = 'This is a super long error that was thrown because of Batman. When you stop to think about how Batman had anything to do with this, you would get nowhere fast.';

// bad
var errorMessage = 'This is a super long error that \
was thrown because of Batman. \
When you stop to think about \
how Batman had anything to do \
with this, you would get nowhere \
fast.';

// good
var errorMessage = 'This is a super long error that ' +
  'was thrown because of Batman.' +
  'When you stop to think about ' +
  'how Batman had anything to do ' +
  'with this, you would get nowhere ' +
  'fast.';

?　當(dāng)我們在編程的時候，需要拼接出一個字符串，我們可以使用Array#join 代替字符串連接。尤其是對IE瀏覽器。

var items,
    messages,
    length, i;

messages = [{
    state: 'success',
    message: 'This one worked.'
},{
    state: 'success',
    message: 'This one worked as well.'
},{
    state: 'error',
    message: 'This one did not work.'
}];

length = messages.length;

// bad
function inbox(messages) {
  items = '<ul>';

  for (i = 0; i < length; i++) {
    items += '<li>' + messages[i].message + '</li>';
  }

  return items + '</ul>';
}

// good
function inbox(messages) {
  items = [];

  for (i = 0; i < length; i++) {
    items[i] = messages[i].message;
  }

  return '<ul><li>' + items.join('</li><li>') + '</li></ul>';
}

Functions

?　函數(shù)表達(dá)式

// anonymous function expression
var anonymous = function() {
  return true;
};

// named function expression
var named = function named() {
  return true;
};

// immediately-invoked function expression (IIFE)
(function() {
  console.log('Welcome to the Internet. Please follow me.');
})();

?　絕對不要在非函數(shù)塊（if,while）申明一個函數(shù)。我們可以把函數(shù)申明變成一個函數(shù)表達(dá)式。

// bad
if (currentUser) {
  function test() {
    console.log('Nope.');
  }
}

// good
if (currentUser) {
  var test = function test() {
    console.log('Yup.');
  };
}

?　絕對不要把一個參數(shù)命名為arguments，arguments參數(shù)是函數(shù)作用域內(nèi)給出的一個特殊變量，如果你把參數(shù)命名為arguments，那么這個參數(shù)就會覆蓋它原有的特殊變量。

// bad
function nope(name, options, arguments) {
  // ...stuff...
}

// good
function yup(name, options, args) {
  // ...stuff...
}

總結(jié)

　　這些很多是大家都比較清楚的，平時經(jīng)常用，我只是強(qiáng)調(diào)一下，讓大家再復(fù)習(xí)一下。

　　下一篇：Javascript 風(fēng)格向?qū)Вɡm(xù)）

川山甲

川山甲

公告