讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

Seko
Seko

AI短剧一键生成成片

updream

一键生成高质量推广成片

Laper
Laper

剧本策划到成片协作

JavaScript 代码道德:编写干净、道德的代码

酷静同学_1428

酷静同学_1428

发布时间:2024-10-26 09:18:13

|

945人浏览过

|

来源于dev.to

转载

javascript 代码道德:编写干净、道德的代码

在当今快节奏的开发世界中,快速交付解决方案至关重要。然而,在代码质量上偷工减料通常会导致错误、安全漏洞和不可维护的代码。代码道德在生成功能性代码和可维护、高效且安全的代码方面发挥着关键作用。让我们通过示例探讨 JavaScript 开发中的关键道德原则以及它们如何提高代码质量。

  1. 清晰胜过聪明 道德原则:优先考虑代码的可读性和简单性,而不是“聪明”或复杂的解决方案。代码的读取次数多于编写次数。使其易于理解对于长期维护至关重要。

示例:当存在更清晰的替代方案时,避免使用简洁或复杂的结构。

坏例子

立即学习“Java免费学习笔记(深入)”;

AI舌诊面诊问诊医疗系统+诊疗商城系统源码
AI舌诊面诊问诊医疗系统+诊疗商城系统源码

AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序,基于浩创云、ThinkPHP(PHP)开发,支持微信服务号与 H5 端,适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

下载


![图片描述](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zkyc8dla0ty0kgpn5vcu.png)

好例子
const doubleArray = arr => arr.map(x => x * 2); // 清晰易懂
在此示例中,按位运算符

  1. 避免全球范围污染 道德原则:避免通过全局声明变量来污染全局范围,这可能导致名称冲突和意外行为。

坏例子

立即学习“Java免费学习笔记(深入)”;

让计数 = 0; // 在全局范围内声明
函数增量() {
计数++;
}
好例子

(() => {
让计数= 0; // 封装在闭包中
函数增量() {
计数++;
}
})();
通过将代码包装在 IIFE(立即调用函数表达式)中,count 变量的作用域是本地的,避免了与代码其他部分的潜在冲突。

  1. 小心处理错误 道德原则:优雅地处理错误并提供信息丰富的消息。无声的失败可能会导致不可预测的行为。

坏例子

立即学习“Java免费学习笔记(深入)”;

函数 getUser(id) {
返回 fetch(/user/${id}).then(res => res.json()); // 没有错误处理
}
好例子

异步函数 getUser(id) {
尝试{
const res = wait fetch(/user/${id});
if (!res.ok) {
抛出新错误(无法获取用户:${res.statusText});
}
返回等待 res.json();
} catch (错误) {
console.error('获取用户时出错:', error);
返回空;
}
}
通过添加错误处理,您不仅可以防止应用程序无提示地失败,还可以提供有关出错原因的有意义的信息。

  1. 模块化您的代码 道德原则:将大的函数或文件分解成更小的、可重用的模块。这改善了代码组织、测试和可读性。

坏例子

立即学习“Java免费学习笔记(深入)”;

函数 processOrder(order) {
// 验证订单的代码
// 计算总计的代码
// 处理付款的代码
// 生成收据的代码
}
好例子

`function validateOrder(order) { /* ... / }
functioncalculateTotal(order) { /
... / }
function processPayment( paymentInfo) { /
... / }
functiongenerateReceipt(order) { /
... */ }

函数 processOrder(order) {
if (!validateOrder(order)) return;
const Total =calculateTotal(order);
processPayment(order. paymentInfo);
生成收据(订单);
}`
这种模块化方法使您的代码更易于理解、测试和维护。每个职能都有单一职责,遵循单一职责原则 (SRP)。

  1. 尊重数据隐私 道德原则:谨慎处理敏感数据。不要在日志、控制台消息或公共端点中暴露不必要的数据。

坏例子

立即学习“Java免费学习笔记(深入)”;

函数 processUser(用户) {
console.log(处理用户:${JSON.stringify(user)}); // 暴露敏感数据
// ...
}
好例子

函数 processUser(用户) {
console.log(处理用户:${user.id}); // 仅记录必要的详细信息
// ...
}
在这种情况下,不良示例会在控制台中暴露潜在的敏感用户信息。好的示例仅记录必要的内容,遵循数据隐私最佳实践。

  1. 遵循 DRY(不要重复自己)原则 道德原则:避免代码重复。相反,将重复的逻辑抽象为可重用的函数。

坏例子

立即学习“Java免费学习笔记(深入)”;

`函数 createAdmin(名称, 角色) {
return { 名称, 角色, 权限: ['创建', '读取', '更新', '删除'] };
}

function createEditor(名称, 角色) {
return { 名称, 角色, 权限: ['创建', '读取'] };
}`
好例子

`函数createUser(名称、角色、权限) {
return { 名称、角色、权限 };
}

const admin = createUser('Alice', 'Admin', ['创建', '读取', '更新', '删除']);
const editor = createUser('Bob', 'Editor', ['create', 'read']);`
通过遵循 DRY 原则,您可以消除代码重复,从而减少未来更新中出现不一致或错误的机会。

  1. 记录您的代码 道德原则:记录您的代码,以确保其他开发人员(或未来的您)清楚您的意图和思维过程。

坏例子

立即学习“Java免费学习笔记(深入)”;

函数calculateAPR(金额, 利率) {
退货金额*比率/100/12; // 没有解释公式代表什么
}
好例子

`/**

  • 计算每月APR
  • @param {number} amount - 本金金额
  • @param {number} rates - 年百分比
  • @return {number} - 每月年利率*/ 函数计算年利率(金额,利率){ 退货金额*比率/100/12; // 文档中解释的 APR 公式 }` 良好的文档可确保任何阅读代码的人都可以理解其功能,而无需对逻辑进行逆向工程。
  1. 编写单元测试 道德原则:编写单元测试可确保您的代码按预期工作,并有助于防止随着代码的发展而引入错误。

坏例子
// 没有测试覆盖
好例子
// 使用 Jest 或 Mocha
等测试框架 test('calculateAPR 应返回正确的 APR', () => {
Expect(calculateAPR(1000, 12)).toBe(10);
});
通过编写测试,您可以确保您的代码可靠、可验证并且易于自信地重构。

  1. 采用代码风格指南 道德原则:在整个团队或项目中遵循一致的编码风格。这可以改善协作并减少误解。

考虑使用 ESLint 或 Prettier 等工具来强制代码的一致性。

ESLint 配置示例

{
"extends": "eslint:推荐",
“env”:{
“浏览器”:正确,
“es6”:正确
},
“规则”:{
"缩进": ["错误", 2],
"quotes": ["错误", "单个"],
“半”:[“错误”,“总是”]
}
}
通过遵循风格指南,您的代码库将保持一致的结构,使其他人更容易贡献和审查代码。

结论
符合道德的 JavaScript 编码实践可确保您的代码不仅实用,而且可维护、安全且面向未来。通过关注清晰度、模块化、错误处理和数据隐私,您可以创建一个尊重其他开发人员和最终用户的代码库。将这些实践纳入您的工作流程将帮助您编写更干净、更可靠的代码并营造更健康的开发环境。

热门AI工具

更多
Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2355

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3862

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1276

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4479

2025.09.10

es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

305

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

395

2025.12.24

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6404

2023.10.24

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

40

2026.11.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn