首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编写可维护的JavaScript

=‘red’或xxx.style.cssText=“…”这类 D.将JavaScript从HTML中抽离 1.使用addEventListener(attachEvent或target[‘on’+type...在代码的某个特殊之处计划一个失败总比要在所有的地方都预期失败简单的多 B.在JavaScript中抛出错误 throw new Error(“Something bad happened.”)...当两次发错误时,将有助于解决问题 2.如果正在编写代码,思考一下“我希望【某些事情】不会发生,如果发生,我的代码会一团糟糕”。...这时,如果“某些事情 ”发生,就抛出一个错误 3.如果正在编写的代码别人(不知道是谁)也会使用,思考一下他们使用的方式,在特定的情况下抛出错误 E.try-catch语句 1.try中的retrun会等到...编码风格指南 附录B.JavaScript工具集

81710
您找到你想要的搜索结果了吗?
是的
没有找到

编写可测试的JavaScript代码

一、可测试的JavaScript A.现有技术 1.敏捷开发 ①使用敏捷开发,并不一定意味着应用程序完成得更快且质量更高,敏捷开发最大的优势是它处理需求变更的方式。...2.测试驱动开发 在编写代码之前先编写测试,这些测试提供了必须遵循预期功能的代码,编写测试失败后,接着开始编写代码,以便确保测试能够通过。保持测试领先于开发,永远不会有未被测试的代码。...J.注释 1.对于可测试的JavaScript,所有即将要测试的函数或方法前面都有相应的注释。根据这些注释,我们(或其他人)可以知道如何进行测试以及测试什么内容。...1.怎样编写一个好的单元测试?...E.运行客户端JavaScript单元测试 1.PhantomJS 2.Selenium F.运行服务器端JavaScript单元测试 1.jasmine 五、代码覆盖率 为代码覆盖率信息构建相应的JS

1.3K30

使用 JavaScript 编写更好的条件语句

在这篇文章中,我们将探索JavaScript中所谓的条件语句如何工作。 如果你使用JavaScript工作,你将写很多包含条件调用的代码。...这里有些编写更好更清晰的条件代码的有用提示。...这是一个编写更清晰、易理解和维护的代码的方法,不是吗? 2. 提前退出 / 提前返回 这是一个精简你的代码的非常酷的技巧。我记得当我开始专业工作时,我在第一天学习使用提前退出来编写条件。...我们能用三元运算符、&&条件等语法重构上面的功能,但让我们用多个返回语句编写更清晰的代码。...使用可选链和空值合并 这有两个为编写更清晰的条件语句而即将成为 JavaScript 增强的功能。当写这篇文章时,它们还没有被完全支持,你需要使用 Babel 来编译。

1.6K30

负责任地编写Javascript(二)

说到 ”JavaScript 宿醉”,很多人要为此承担责任,但相互指责只是在浪费时间。...任务运行器可以使用插件进行扩展,所以你可以通过绑定打包工具来处理 JavaScript。如果这种方式对你来说存在问题,那么你可能就需要手动审计并删除未使用的代码。...要想让 tree shaking 生效,需要满足下面几个条件: •项目里安装的包以及编写的逻辑必须是 ES6 模块[9],对 CommonJS 模块[10]是不能进行 tree shaking 的。...这样可以减少站点的交互时间[21],如果 JavaScript 对呈现内容至关重要,则可以减少站点的速度指数[22]。...如果你不想完全避免使用这些功能,以下几个方法可以减少它们的影响: 1.如果你正在编写一个库,可以考虑使用 @babel/runtime[45] 替代 @babel/plugin-transform-runtime

64420

负责任的编写JavaScript(一)

从统计数据上看,JavaScript是性能的关键[1]。以现在的趋势,中等大小的页面很快就会至少发送 400 KB 的 JavaScript,而这仅仅是传输时的大小,并且还是压缩后的。...我们还要编写复杂的配置来打包。在这种疯狂却无处不在的开发环境中,我们需要摸清它们来确保构建的内容是快速且可访问的。...这意味着需要重新评估对 JavaScript 的依赖,以及使用 JavaScript 的方式。排斥 HTML 和 CSS 会让我们走向不可持续的开发方式,从而损害性能和可访问性。...我不是要杀死JavaScript 没错,我对 JavaScript 没有恶意。它给了我一份职业,而且,如果我对自己说实话,那将是十多年的享受之源。...但是,JavaScript 让我感到有些矛盾。我对 JavaScript 持批判的态度,或许更准确地说,我对于把 JavaScript 作为构建 WEB 的首要手段的趋势持批判态度。

73450

基础|如何优雅的编写JavaScript代码

提高自身的编码能力和编写易于阅读和维护的代码,是广大码农们提高开发效率和职业身涯中必做的事情。 那么究竟如何编写出可维护的、优雅的代码呢?...编写简洁的 JavaScript 代码 以下这些准则来自 Robert C. Martin 的书 “Clean Code”,适用于 JavaScript。...当函数需要做更多的事情时,它们将会更难进行编写、测试、理解和组合。 当你能将一个函数抽离出只完成一个动作,他们将能够很容易的进行重构并且你的代码将会更容易阅读。...比如已经支持 async/await,使开发者更容易编写异步代码,代码逻辑和可读性简直不能太好了。...对于 JavaScript 项目而言,目前 ESLint 将是一个很好的选择。 Prettier Prettier 一个 JavaScript 格式化工具.

53830

分享:使用 TypeScript 编写JavaScript 游戏代码

《上篇博客》我写出了我一直期望的 JavaScript 大型程序的开发模式,以及 TS(TypeScript) 的一些优势。...博客完成之后,我又花了一天时间试用 TS,用它来重构之前编写的一个 JS 游戏:《Javascript 坦克游戏》。...JsTankGame 1.0:老的使用 JS 编写的坦克游戏。 JsTankGame 2.0:新的使用 TS 直接翻译过来的游戏。...有了强类型编写的代码,我可以很方便地分析出每一个类型、每一个方法,具体在哪些地方被使用。这样,我就能很快地知道类型之间的依赖关系。不看不知道,一看吓一跳。...但是图画完之后,才发现与想象中差点很远,这就是没有画图直接编写代码的结果,见下面两张图: ? ? 可以看出各精灵类型之间的关系是比较乱的,双向依赖随处可见。

1.9K50

编写跨运行时的 JavaScript 程序

随着 SSR 以及全栈框架的流行,前端需要考虑编写服务端/客户端的同构代码,即 Write Once, Run on Both Client and Server。...在 JavaScript 运行时(Runtime)领域,近些年也诞生了若干个 Node.js 的挑战者,比如 Deno、Bun… Deno,Destroy Node?...卷嘛 ---- 编写跨运行时程序 —— Web Standard API 随着运行时的百花齐放, 越来越多的现代的前端‘框架’ 都避免自己和 Node.js 直接耦合。...而编写跨运行时的 JavaScript 程序的秘诀在于:尽量往 Web Standard API 靠拢,比如: 在设计服务端程序时,优先使用 Request、Response 、URL、Blob 这些...因此短期内 Node.js 还难以撼动,JavaScript 运行时领域也还会继续内卷。

21320
领券