node14下测试
错
if (a) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
错(已定义未赋值的情况下这种写法才能执行)
if (a !== undefined) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
对(已定义未赋值，此时变量值为undefined)
let a
if ( a !== undefined ) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
对
if (typeof a !== 'undefined') {
console.log("a is exists")
} else {
console.log("a is not exists")
}
对(全局变量)
如果是浏览器此处global应换为window,app和小程序参考具体平台说明
if ( global.a ) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
es2020中提供了globalThis来统一不同环境中的关键词,可在所有支持es2020的环境中使用
if ( globalThis.a ) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
对(局部变量)
(function () {
// let a = 123
if ( this.a ) {
console.log("a is exists")
} else {
console.log("a is not exists")
}
})()
给变量指定默认值
对(已定义未赋值)
let a
let b = a || 'world'
let a
let b = a ?? 'world'
对(局部变量)
(function () {
let b = this.a || 'world'
})()
(function () {
let b = this.a ?? 'world'
})()
错
let b = a || 'world'
let b = a ?? 'world'
注意：
其中||不能用于布尔值,建议使用??
空值合并(Nullish coalescing)，??是es2020语法，vue2模板中尚不支持(vue3是可以的，https://github.com/vuejs/vue/issues/11088)，另外es2020中的可选链(Optional chaining)也是极为有用的。
vue模板中不要引用全局变量(会发出警告)，应只引用data和computed中定义的响应式变量，亦不能在vue模板中使用未定义的响应式变量。
