写好代码需要举一反三

简介: 如何让代码写的更安全高效一直是程序员的不懈追求!在解决问题的同时,简介清爽,逻辑严谨的代码会让程序员更带光环。简书亦有简码

WZMU09DOEZ@I@[W20P8)H`W.png

如何让代码写的更安全高效一直是程序员的不懈追求!在解决问题的同时,简介清爽,逻辑严谨的代码会让程序员更带光环。

简书亦有简码


1.使用三元运算符赋值

a > b ? foo = 'apple' : foo = 'ball'; 
✔️  
foo = a > b ? 'apple' : 'ball';


2.利用三元运算给指定的对象的不同属性赋值

c > d ? a.foo = 'apple' : a.bar = 'apple';
✔️  
a = { [c > d ? 'foo' : 'bar']: 'apple' };


3.同时导出多个变量

export const foo;
export const bar;
export const kip;
✔️ 
export const foo, bar, kip;


4.从一个对象的多个属性值给变量声明并赋值

const a = foo.x, b = foo.y;
✔️
const { ['x']: a, ['y']: b } = foo;


5.一个数组多多个变量赋值

let a = foo[0], b = foo[1];
✔️
let [a, b] = foo;


6.从DOM中获取多个元素

const a = document.getElementById('a'),
b = document.getElementById('b'),
c = document.getElementById('c');
d = document.getElementById('d');
✔️
const elements = {};
['a', 'b', 'c', 'd'].forEach(item => elements = { 
  ...elements, 
  [item]: document.getElementById(item) 
});
const { a, b, c, d } = elements;


7.用逻辑运算代替简单的条件语句

if (foo) {
  doSomething();
}
✔️
foo && doSomething();


8.有条件的参数传值

if(!foo){
  foo = 'apple';
}
bar(foo, kip);
✔️
bar(foo || 'apple', kip);


9.解决0多书写的问题

const SALARY = 150000000,
TAX = 15000000;
✔️
const SALARY = 15e7,
TAX = 15e6;


10.给多个变量赋同一个值

a = d;
b = d;
c = d;
✔️
a = b = c = d;




目录
相关文章
|
12月前
|
JavaScript 开发者
Node.js 的事件驱动机制
Node.js 的事件驱动机制详解
vs code常见的查找快捷键大全
【11月更文挑战第1天】本文介绍了 VS Code 中的基本查找和替换操作,包括在当前文件中查找(Ctrl + F)、查找替换(Ctrl + H)、查找下一个(F3)和查找上一个(Shift + F3)。还涵盖了在多个文件中查找(Ctrl + Shift + F)和查找替换(Ctrl + Shift + H),以及符号查找相关操作,如转到符号(Ctrl + T)和在文件中查找符号(Ctrl + Shift + O)。这些快捷键和功能帮助用户高效地管理和编辑代码。
1868 2
|
12月前
|
JavaScript 安全 前端开发
TypeScript类型声明:基础与进阶
通过本文的介绍,我们详细探讨了TypeScript的基础与进阶类型声明。从基本数据类型到复杂的泛型和高级类型,TypeScript提供了丰富的工具来确保代码的类型安全和可维护性。掌握这些类型声明能够帮助开发者编写更加健壮和高效的代码,提高开发效率和代码质量。希望本文能为您在使用TypeScript时提供实用的参考和指导。
307 2
|
JSON 监控 JavaScript
Node.js-API 限流与日志优化
Node.js-API 限流与日志优化
|
SQL JavaScript 关系型数据库
node博客小项目:接口开发、连接mysql数据库
【10月更文挑战第14天】node博客小项目:接口开发、连接mysql数据库
|
人工智能 自然语言处理 算法
哈啰集团全面接入通义灵码,AI 生成代码占比 20%,研发提效 12%
官宣!哈啰集团全面接入阿里云通义灵码专属版
21679 10
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API 服务器
【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
|
Web App开发 JavaScript 前端开发
探索后端开发:Node.js与Express的完美结合
【10月更文挑战第33天】本文将带领读者深入了解Node.js和Express的强强联手,通过实际案例揭示它们如何简化后端开发流程,提升应用性能。我们将一起探索这两个技术的核心概念、优势以及它们如何共同作用于现代Web开发中。准备好,让我们一起开启这场技术之旅!
249 0
|
JavaScript 前端开发 中间件
Express框架搭建项目 node.js
【6月更文挑战第3天】这篇文章是关于使用Express框架构建Node.js Web应用的教程。Express是一个轻量级、功能丰富的框架,特点包括简洁灵活的核心、强大的中间件支持、灵活的路由系统和模板引擎兼容性。文章介绍了如何安装Express,并通过一个简单的示例展示了如何创建一个基本的Web服务器。最后,鼓励读者继续学习和实践,以充分利用Express和Node.js的能力。
313 1
|
Web App开发 JSON 中间件
express学习 - (3)express 路由
express学习 - (3)express 路由
374 1