java 判断语句 性能_前端性能优化：js中优化条件判断语句
在開發過程中，由于追求開發速度，我們往往很多時候都沒有注意代碼的可讀性與性能，這里介紹幾個技巧，讓你寫出可讀性強、簡潔的js代碼
1、多個條件滿足之一時，推薦使用Array.includes// 優化前
function test(val) {
if (val === 'js' || val === 'java' || val === 'python') {
console.log('編程語言')
}
}
// 優化后
function test(val) {
cosnt arr = ['js', 'java', 'python']
if (arr.includes(val)) {
console.log('編程語言')
}
}
2、減少嵌套，盡早返回// 優化前
function test(val) {
if (val) {
if (val === 'js') {
console.log(val)
} else {
console.log('其他')
}
} else {
return
}
}
// 優化后
function test(val) {
if (!val) return
val === 'js' ? console.log(val) : console.log('其他')
}
3、使用函數的默認參數與解構// 優化前
function test(val, num) {
const item = num || 1
console.log(`this is ${item}${val}`)
}
test('js', 4)
// 優化后
function test(val, num = 1) {
console.log(`this is ${num}${val}`)
}
test('java', 4)
如果默認參數是對象呢？我們就可以使用解構了// 優化前
function test(val) {
if (val && val.name) {
console.log(val.name)
} else {
console.log('null')
}
}
test({name: 'js', num: 1})
// 優化后
function test({name} = {}) {
console.log(name)
}
test({name: 'js', num: 1})
4、使用map或者對象字面量替代switch語句// 優化前
function test(num) {
switch(num) {
case 1:
return ['js', 'java']
case 2:
return ['python', 'ruby']
case 3:
return ['php', 'c#']
default
}
conosle.log(num)
}
test(1)
// 優化后，對象字面量方式
function test(num) {
const arr = {
1: ['js', 'java'],
2: ['python', 'ruby'],
3: ['php', 'c#'],
}
console.log(arr[num])
}
test(1)
// map方式
function test(num) {
const arr = new Map()
.set(1, ['js', 'java'])
.set(2, ['python', 'ruby'])
.set(3, ['php', 'c#'])
console.log(arr.get(num))
}
test(1)
5、使用Array.every()或者Array.some()// 優化前
const item = [
{name: 'js', num: 2},
{name: 'java', num: 4},
{name: 'pyton', num: 2},
{name: 'php', num: 1},
]
function test() {
let isNumTwo = true
for (let val of item) {
if (!isNumTwo) break
isNumTwo = (val.num === 2)
}
console.log(isNumTwo) // false
}
test()
// 優化后
const item = [
{name: 'js', num: 2},
{name: 'java', num: 4},
{name: 'pyton', num: 2},
{name: 'php', num: 1},
]
function test() {
const isNumTwo = item.some(val => val.num === 2)
console.log(isNumTwo) // true
}
test()
總結
以上是生活随笔為你收集整理的java 判断语句 性能_前端性能优化：js中优化条件判断语句的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java ifpresent_java映
- 下一篇： 2017年html5行业报告,云适配发布