11 の素晴らしい JavaScript コード リファクタリングのベスト プラクティスの概要

var getUserInfo = 関数(){
  ajax( 'http:// xxx.com/userInfo', 関数( データ ){
    console.log( 'userId: ' + data.userId );
    console.log( 'ユーザー名: ' + data.ユーザー名 );
    console.log( 'ニックネーム: ' + data.ニックネーム );
  });
};

var getUserInfo = 関数(){
  ajax( 'http:// xxx.com/userInfo', 関数( データ ){
    printDetails(データ);
  });
};

var printDetails = 関数(データ){
  console.log( 'userId: ' + data.userId );
  console.log( 'ユーザー名: ' + data.ユーザー名 );
  console.log( 'ニックネーム: ' + data.ニックネーム );
};

var paging = function(currPage){
  （現在のページが0以下の場合）
    現在のページ = 0;
    jump( currPage ); // ジャンプ }else if ( currPage >= totalPage ){
    currPage = 合計ページ数;
    jump( currPage ); // ジャンプ }else{
    jump( currPage ); // ジャンプ }
};

var paging = function(currPage){
  （現在のページが0以下の場合）
    現在のページ = 0;
  }それ以外の場合 (currPage >= totalPage){
    currPage = 合計ページ数;
  }
  jump( currPage ); // ジャンプ関数を分離する };

var getPrice = 関数(価格) {
var date = 新しい Date();
if ( date.getMonth() >= 6 && date.getMonth() <= 9 ){ // 夏の戻り価格 * 0.8;
}
返品価格;
};

date.getMonth() >= 6 かつ date.getMonth() <= 9 の場合{
// ...
}

var isSummer = 関数(){
  var date = 新しい Date();
  date.getMonth() >= 6 かつ date.getMonth() <= 9 を返します。
};

var getPrice = 関数(価格) {
  if ( isSummer() ){ // 夏の戻り価格 * 0.8;
  }
  返品価格;
};

var createXHR = 関数(){
  var xhr;
  試す{
    xhr = 新しい ActiveXObject( 'MSXML2.XMLHttp.6.0' );
  }キャッチ(e){
    試す{
      xhr = 新しい ActiveXObject( 'MSXML2.XMLHttp.3.0' );
    }キャッチ(e){
      xhr = 新しい ActiveXObject( 'MSXML2.XMLHttp' );
    }
  }
  xhr を返します。
};

var xhr = createXHR();
「
これで、ループを柔軟に使用して、上記のコードと同じ効果を得ることができます。
```js
var createXHR = 関数(){
var バージョン = [ 'MSXML2.XMLHttp.6.0ddd', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp' ];
  ( var i = 0, version; version = バージョン[ i++ ]; ){
    試す{
      新しい ActiveXObject( バージョン ) を返します。
    }キャッチ(e){

    }
  }
};

var xhr = createXHR();

var del = 関数(obj){
  var ret;
  if ( !obj.isReadOnly ){ // 読み取り専用でない場合にのみ削除できます if ( obj.isFolder ){ // フォルダーの場合 ret = deleteFolder( obj );
    }else if ( obj.isFile ){ // ファイルの場合 ret = deleteFile( obj );
    }
  }
  ret を返します。
};

var del = 関数(obj){
  if ( obj.isReadOnly ){ // if式を反転する return;
  }
  フォルダーの場合
    deleteFolder(obj) を返します。
  }
  if ( obj.isFile ) {
    deleteFile(obj) を返します。
  }
};

var setUserInfo = function( id, name, address, sex, mobile, qq ){
  コンソールにログ出力します。
  console.log( '名前= ' +名前 );
  console.log( 'アドレス= ' + アドレス );
  console.log( '性別= ' + 性別 );
  console.log( 'mobile= ' + mobile );
  コンソールログ('qq=' + qq);
};

setUserInfo( 1314, 'sven', 'shenzhen', '男性', '137********', 377876679 );

var setUserInfo = 関数(obj){
  console.log( 'id= ' + obj.id );
  console.log( 'name= ' + obj.name );
  console.log( 'address= ' + obj.address );
  console.log( '性別= ' + obj.性別 );
  console.log( 'mobile= ' + obj.mobile );
  console.log( 'qq= ' + obj.qq );
};

ユーザー情報の設定({
  id: 1314,
  名前: 'スヴェン',
  住所: '深セン',
  性別: '男性'、
  モバイル: '137********',
  お問い合わせ: 377876679
});

var draw = function( 幅、高さ、正方形 ){};

var draw = function(幅, 高さ){
  var square = 幅 * 高さ;
};

var global = typeof window !== "undefined" ? window : this;

もし ( !aup || !bup ) {
  === doc ? -1 を返します:
    b === ドキュメント ? 1 :
    オープ?-1:
    バップ？1：
    入力をソートしますか?
    ( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
    0;
}

var ユーザー = 関数(){
  this.id = null;
  this.name = null;
};

User.prototype.setId = 関数(id){
  id は、
  これを返します。
};

User.prototype.setName = function(名前){
  this.name = 名前;
  これを返します。
};

console.log( 新しいユーザー().setId( 1314 ).setName( 'sven' ) );

var ユーザー = {
  id: null、
  名前: null、
  setId: 関数(id) {
    id は、
    これを返します。
  },
  setName: 関数(名前){
    this.name = 名前;
    これを返します。
  }
};

console.log( User.setId( 1314 ).setName( 'sven' ) );

var user = 新しい User();

ユーザーIDの設定(1314)
ユーザー.setName( 'sven' );

var Spirit = 関数(名前){
  this.name = 名前;
};

Spirit.prototype.attack = function( type ){ // 攻撃 if ( type === 'waveBoxing' ){
    console.log( this.name + ': 波動拳を使う' );
  }それ以外の場合(type === 'whirlKick'){
    console.log( this.name + ': 旋風キックを使用する' );
  }
};

var spirit = new Spirit( 'RYU' );

spirit.attack( 'waveBoxing' ); // 出力: RYU: 波動拳を使用する spirit.attack( 'whirlKick' ); // 出力: RYU: WhirlKick を使用する

var Attack = function( スピリット ){
  this.spirit = 精神;
};

Attack.prototype.start = function(type){
  this.list[ type ].call( this ) を返します。
};

攻撃プロトタイプリスト = {
  ウェーブボクシング: 関数(){
    console.log( this.spirit.name + ': 波動拳を使う' );
  },
  whirlKick: 関数(){
    console.log( this.spirit.name + ': 旋風キックを使用する' );
  }
};

var Spirit = 関数(名前){
  this.name = 名前;
  this.attackObj = 新しいAttack( this );
};

Spirit.prototype.attack = function( type ){ // 攻撃 this.attackObj.start( type );
};

var spirit = new Spirit( 'RYU' );

spirit.attack( 'waveBoxing' ); // 出力: RYU: 波動拳を使う spirit.attack( 'whirlKick' ); // 出力: RYU: 旋風を使う

var func = 関数(){
  var フラグ = false;
  ( var i = 0; i < 10; i++ ) {
    ( var j = 0; j < 10; j++ ) {
      ( i * j > 30 )の場合{
        フラグ = true;
        壊す;
      }
    }
    if ( フラグ === true ) {
      壊す;
    }
  }
};

var func = 関数(){
  外側ループ:
  ( var i = 0; i < 10; i++ ) {
    内部ループ:
    ( var j = 0; j < 10; j++ ) {
      ( i * j > 30 )の場合{
        外側のループを中断します。
      }
    }
  }
};

var func = 関数(){
  ( var i = 0; i < 10; i++ ) {
    ( var j = 0; j < 10; j++ ) {
      ( i * j > 30 )の場合{
        戻る;
      }
    }
  }
};

var func = 関数(){
  ( var i = 0; i < 10; i++ ) {
    ( var j = 0; j < 10; j++ ) {
      ( i * j > 30 )の場合{
        戻る;
      }
    }
  }
  console.log( i ); // このコードは実行される可能性はありません};

var print = 関数(i){
  コンソールにログ出力します。
};

var func = 関数(){
  ( var i = 0; i < 10; i++ ) {
    ( var j = 0; j < 10; j++ ) {
      ( i * j > 30 )の場合{
        print(i) を返します。
      }
    }
  }
};

関数();