javascript 代码技巧 (一) —— 操作符

简介: 笔记

1. && 操作符

// 繁琐
if (this.isTrue) {
  this.test();
}
// 简洁
this.isTrue && this.test();


2. || 操作符

// 繁琐
let num;
if (this.value) {
  num = this.value;
} else {
  num = 2;
}
// 繁琐
let num = this.value ? this.value : 2;
// 简洁
let num = this.value || 2; // 同上

3. ! 操作符

// 繁琐(无效值判断)
if (value == false) {
}
if (value == "") {
}
if (value == 0) {
}
if (value == null) {
}
if (value == undefined) {
}
// 简洁
if (!value) {
}

4. !! 操作符

// 繁琐(布尔值判断)
if (value == true) {
}
if (value == false) {
}
if (Boolean(value)) {
}
// 简洁(布尔值判断)
if (!!value) {
}
目录
相关文章
|
18天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
30 0
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1月前
|
机器学习/深度学习 前端开发 JavaScript
实用的javascript代码分享
32个史上最有用的js代码
30 1
|
1月前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
2月前
|
JavaScript 前端开发 算法
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
41 0
|
1月前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
32 1
|
1月前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
1月前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
11 1
|
1月前
|
JavaScript Java
什么?java中居然可以执行js代码了?真是不知者不怪
什么?java中居然可以执行js代码了?真是不知者不怪
13 1