Javascript フロントエンド最適化コード

商品 = {
  電話: '携帯電話'、
  コンピュータ: 'コンピュータ',
  テレビ: 「テレビ」,
  ゲームボーイ: 「ゲーム機」
}

関数価格(名前) {
  if (name === commodity.phone) {
    コンソール.log(1999)
  } そうでない場合 (name === commodity.computer) {
    コンソール.log(9999)
  } そうでない場合 (name === commodity.television) {
    コンソールログ(2999)
  } そうでない場合 (name === commodity.gameBoy) {
    コンソールログ(3999)
  }
}
price('携帯電話') // 9999

商品 = {
  電話: '携帯電話'、
  コンピュータ: 'コンピュータ',
  テレビ: 「テレビ」,
  ゲームボーイ: 「ゲーム機」
}
const 価格 = (名前) => {
  スイッチ (名前) {
    ケース商品.電話:
      コンソール.log(1999)
      壊す
    ケース商品.コンピュータ:
      コンソール.log(9999)
      壊す
    ケース商品.テレビ:
      コンソールログ(2999)
      壊す
    ケース商品.gameBoy:
      コンソールログ(3999)
      壊す
  }
}
price('携帯電話') // 9999

const商品 = 新しいマップ([
  [「電話」、1999]、
  ['コンピュータ', 9999],
  [「テレビ」、2999]、
  ['ゲームボーイ', 3999],
])

const 価格 = (名前) => {
  commodity.get(name) を返す
}
価格('電話') // 1999

関数 verifyIdentity(identityId) {
  （アイデンティティID == 1 || アイデンティティID == 2 || アイデンティティID == 3 || アイデンティティID == 4）{
    'あなたの身元は合法です、通過してください!' を返します。 '
  } それ以外 {
    「あなたのIDは不正です」というメッセージを返す
  }
}

関数 verifyIdentity(identityId) {
  if ([1, 2, 3, 4].includes(identityId)) {
    'あなたの身元は合法です、通過してください!' を返します。 '
  } それ以外 {
    「あなたのIDは不正です」というメッセージを返す
  }
}

var arr = ['a', 'b', 'c']
(var i = 0; i < arr.length; i++) の場合 {
  console.log(arr[i]) //結果はa、b、cの順です
}

var arr = ['a', 'b', 'c']
(var i = 0, length = arr.length; i < length; i++) の場合 {
  console.log(arr[i]) //結果はa、b、cの順です
}

var obj = { 0: 'a', 1: 'b', 2: 'c' }
for (var key in obj) {
  console.log(key) //結果は0、1、2の順になります
}

var arr = ['a', 'b', 'c']
for (var key in a) {
  console.log(key) //結果は0、1、2の順になります
}

var arr = ['a', 'b', 'c']
for (var arrの値) {
  console.log(value) // 結果はa、b、cの順です
}

関数 unique4(arr) {
  var newArr = []
  (var i = 0; i < arr.length; i++) の場合 {
    (newArr.indexOf(arr[i]) === -1)の場合{
      新しいArr.push(arr[i])
    }
  }
  newArrを返す
}
コンソール.log(unique4([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]))
// [1, 2, 3, 5, 6, 7, 4]

関数 unique4(arr) {
  return Array.from(new Set(arr)) // Array.from を使用して Set 構造を配列に変換します}
コンソール.log(unique4([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]))
// [1, 2, 3, 5, 6, 7, 4]

// 関数の使用
var arr = [5, 3, 2, 9, 1]
var arrFunc = arr.map(関数(x) {
  x * x を返す
})
コンソールログ(arrFunc)

// 矢印関数を使用する var arr = [5, 3, 2, 9, 1]
var arrFunc = arr.map((x) => x * x)

// 引数は使用できません
fun1 = (b) => {とする
  console.log(引数)
}
fun1(2, 92, 32, 32) // キャッチされない ReferenceError: 引数が定義されていません

// 残りパラメータを使用する let fun2 = (...c) => {
  コンソール.log(c)
}
fun2(3, 82, 32, 11323) // [3, 82, 32, 11323]

(var i = 0; i < 1000; i++) の場合 {
  var el = document.createElement('p')
  el.innerhtml = i
  document.body.appendChild(el)
}

var frag = document.createDocumentFragment()
(var i = 0; i < 1000; i++) の場合 {
  var el = document.createElement('p')
  el.innerhtml = i
  frag.appendChild(el)
}
document.body.appendChild(フラグメント)

var html = []
(var i = 0; i < 1000; i++) の場合 {
  html.push('<p>' + i + '</p>')
}
document.body.innerHTML = html.join('')

関数fn() {
  a = "実は、私はグローバル変数です"
}
関数()

関数fn() {
  this.a = "実は、私はグローバル変数です"
}
関数()

<テンプレート>
  <div id="ホーム">
    これはホームページです</div>
</テンプレート>

<スクリプト>
  エクスポートデフォルト{
    マウント() {
      ウィンドウ.テスト = {
        // ここでは、このページのDOMオブジェクト名がグローバルウィンドウオブジェクトで参照されています: 'home'、
        ノード: document.getElementById('home')
      }
    }
  }
</スクリプト>

破壊された（）{
  window.test = null // ページがアンロードされたときに参照解除}

関数fn() {
  var a = "私は"
  関数を返す（）{
    コンソールログ(a)
  }
}

方法:{
  resizeFun() {
    this.tableHeight = window.innerHeight - document.getElementById('table').offsetTop - 128
  },
  タイマーを設定する() {
    this.timer = setInterval(() => { })
  },
  clearTimer(){//タイマーをクリアする clearInterval(this.timer)
    this.timer = null
	}
},
マウント() {
  this.setTimer()
  window.addEventListener('resize', this.resizeFun)
},
破棄する前に() {
  window.removeEventListener('resize', this.resizeFun)
  this.clearTimer()
}

<:remote-method="remoteMethod"> を選択
    <Option v-for="temoteList 内のアイテム" :value="item.value" :key="item.id">{{item.label}}</Option>
</選択>

<スクリプト>
関数デバウンス(fn, wait) {
  タイムアウト = null にする
  関数を返す（）{
    if (timeout !== null) clearTimeout(timeout)
    タイムアウト = setTimeout(fn, wait)
  }
}

エクスポートデフォルト{
  メソッド: {
    リモートメソッド:デバウンス(関数(クエリ) {
        // 実行する...
    }, 200),
  }
}
<スクリプト>

関数デバウンス(fn, wait) {
  タイムアウト = null にする
  関数を返す（）{
    if (timeout !== null) clearTimeout(timeout)
    タイムアウト = setTimeout(fn, wait)
  }
}
関数ハンドル() {
  console.log(Math.random())
}
window.addEventListener('スクロール'、デバウンス(ハンドル、1000))

<script src="path/to/home.js" 遅延></script>
<script src="path/to/home.js" 非同期></script>