JavaScript基本处理流程（if、switch、for in、for of、exception）

本篇文章总结了如何编写JavaScript的基本处理流程（if、switch、for in、for of、exception）。

if

const x = 300
if (x > 200) {
  console.log('大于200')
} else if (x > 100) {
  console.log('大于100')
} else {
  console.log('除此之外')
} //大于200

switch

const x = 300

switch(x) {
  case '100' :
    console.log('100')
    break
  case '150' :
    console.log('150')
    break
  default :
    console.log('其他的')
    break
}  //其他的

while

let x = 1

while(x < 5) {
  console.log(x)
  x++
}

// 1
// 2
// 3
// 4

for

for (let x = 1; x < 5; x++) {
  console.log(x)
}

// 1
// 2
// 3
// 4

for in

可用于逐个处理关联数组中的元素。

const object = {
  'key1': 'value1',
  'key2': 'value2',
  'key3': 'value3'
}

for (let key in object) {
  console.log(`key: ${key} value: ${object[key]}`)
}

// key: key1 value: value1
// key: key2 value: value2
// key: key3 value: value3

for of

在数组中使用for in的话，会得到多余的值。

对于数组，使用for of。

for (let value of [1, 2, 3]) {
  console.log(`value: ${value}`)
}

// value: 1
// value: 2
// value: 3

exception

try {
  const x = y.z
} catch(e) {
  console.log('发生异常')
  console.log(e)
} finally {
  console.log('一定会通过')
}

// 发生异常
// ReferenceError: y is not defined
//    at window.onload ((index):32)
// 一定会通过