开发人员犯的五大 JavaScript 错误及其解决方案

更新日期: 2022-09-13阅读: 1k标签: 方案

JavaScript 语言有着悠久的历史。有很多开发人员仍在学习基础知识。但是,如果您正在尝试学习该语言并迈出第一步,您需要知道新开发人员会犯什么错误。

您已经研究过 JavaScript 开发教程,并且知道它是世界上最流行的语言之一。您已经开始将它用于您的网站或应用程序,但仍然感觉有些问题,不是吗?

如果您这么认为,那么本文就是为您准备的,因为您将了解开发人员在编写代码时最常见的 JavaScript 错误。此外,展示这些 JavaScript 开发错误如何影响您的代码以及如何修复它们。

JavaScript 开发者的错误

JavaScript 是世界上最流行和使用最广泛的编程语言,这意味着您必须学习很多东西才能成为专家。JavaScript 开发人员最常见的错误之一是在编写代码时犯了简单的错误。以下是一些最常见的:

1.分号和逗号

分号用于分隔 JavaScript 中的语句,但也可用于分隔函数调用。使用分号时,它必须放在行尾。如果您忘记放置分号,您的程序将无法正常运行。分号和逗号用于分隔语句的不同部分。这很重要,因为如果存在未经批准的分号或坏逗号,JavaScript 将无法运行。但是,在编写 JavaScript 时,如果您对每个部分都理解得很好,则可以避免许多错误。

2. 不懂“严格模式”。

您的代码必须在严格模式下运行。这有助于确保您的代码执行应有的操作,并且不会因变量的使用方式或输入错误的值而出现任何错误。如果您不了解严格模式的工作原理,请确保您找人这样做,以便他们可以帮助您了解它是如何正常工作的。

现在将为可能被忽略或悄悄失败的代码错误生成错误。在严格模式下将值分配给未声明的变量时,会自动创建具有该名称的全局变量。在严格模式下,在 eval() 语句中声明的变量和函数不会在声明它们的语句范围内生成。

3. 功能使用不当

一个函数应该根据它的输入参数返回一个值,而不是对这些参数做任何其他事情。如果一个函数做的不是返回值,那么这个函数被称为不纯函数。如果使用不正确或未正确记录,不纯函数可能会导致意外结果。

问题是使用与以前相同的参数调用该函数,但没有正确传递它们。该函数需要一个特定的值,但却完全获得了另一个值。当有多种方法将变量传递给函数时,可能会发生这种情况,但没有使用一种方法是因为它会使事情变得比必要的更困难,或者因为某种原因选择了另一种方法。

4.不使用默认值

默认值 是我们在变量没有任何值时分配给它的值。如果我们不为其分配任何值,它会确定变量将保存的内容。默认值是通过在变量名前添加下划线 (_) 并将其值指定为 0 或 null 来设置的。这样,如果我们不给变量赋值,那么它的默认值保持为 0 或 null。

当您不知道在变量中放入什么时,使用默认值是一个好习惯。它有助于避免在编写代码时出错。例如,如果您创建一个函数并将其分配给一个具有空值的变量,您就不会出错。但是,如果您甚至不使用默认值,则在您以后尝试使用它时可能会导致错误。

5.不同的命名变量

变量的 命名应遵循整个程序中使用的相同模式。这有助于开发人员了解每个变量负责什么以及它们如何相互交互。如果一个变量在你的程序中有多个目的,那么应该命名它,以便更容易理解它们的作用。

如何解决 JavaScript 中的常见错误

以下是解决 JavaScript 中常见错误的一些技巧:

多加练习

任何语言中的错误都是不可避免的。但是,并非总是能够立即修复它们。要解决 JavaScript 中的常见错误,您需要更好地理解代码并多练习。

学习编码的最好方法是实践。如果您是初学者,这并不容易,但是有很多方法可以练习您的编码技能。尝试解决不同的问题,看看你是否能让它们发挥作用。当你经常被一个问题困住时,你必须把自己推到你的舒适区之外去寻找解决方案。如果您在解决特定问题时遇到问题,请尝试询问有解决类似问题经验的人,以了解问题所在。

解决不同的问题

有时,我们会遇到以前解决过的问题,但不是我们自己解决的。在继续使用您的解决方案之前,请尝试查看其他人的代码并了解他们是如何解决的。你写的代码越多,解决的问题越多,你对 JavaScript 和 JavaScript 框架的经验就越多。如果您已经解决了其中的一些问题,请练习一些新问题。当代码无法按预期工作或存在错误时,请尝试调试代码。

这将帮助您了解解决问题的过程,甚至可以激发对以前未考虑过的新型问题的想法。

尝试调试您的代码

调试是程序员所需的最重要技能之一,因为它可以帮助您更快地发现错误并轻松修复它们。调试代码的最佳方法是使用在线调试器,例如 Firebug 或 Chrome 开发人员工具(如果您使用的是 Google Chrome),它可以让您在开发过程中随时查看应用程序幕后发生的情况。调试代码是 JavaScript 开发人员的一项主要技能。

了解功能

编写代码时了解函数;你应该知道每个函数的作用以及它是如何工作的。你可能并不总是理解一个函数是如何工作的,但如果你不知道为什么有些东西不工作,那可能是因为你不明白这个函数的作用或它是如何工作的。

向他人学习 你可以向其他人在编写代码时已经犯过错误学习,然后自己修复它们。您还可以使用在线论坛来解答有关如何解决日常工作中某些问题的问题以及有关 JavaScript 编程中使用的各种语言的提示。

结论

作为初学者,即使你犯了本文中的所有错误,你仍然会随着时间的推移而进步。有大量学习 JavaScript 的资源;只要你下定决心,一切皆有可能。因此,无论您是刚从学校还是经验丰富的人,都不要停止学习。每家公司都会尽快聘请 JavaScript 开发人员来消除代码中的错误并保持专业性。

这些是开发人员在工作中注意到的最常见的 JavaScript 错误。这些错误使代码杂乱无章,难以维护。尝试在您的代码中实现这些提示以避免这些错误。

链接: https://fly63.com/article/detial/12111

preact_一款React的3kb轻量化方案

是react的3kb轻量化方案,拥有同样的 ES6 API,Preact 在 DOM上实现一个可能是最薄的一层虚拟 DOM 实现。

Vue前端鉴权方案,前后端分离

前端路由鉴权,屏蔽地址栏入侵,路由数据由后台管理,前端只按固定规则异步加载路由,权限控制精确到每一个按钮,自动更新token,同一个浏览器只能登录一个账号

URI不规范编码解决方案

RFC 7230 与 RFC 3986 定义了 HTTP/1.1 标准并对 URI 的编解码问题作出了规范。但是,文本形式的规范和最终落地的标准之间总是存在着差距。标准中共 82 个字符无需编码。

图片降级方案原来这么简单?

在做项目优化的时候,发现页面加载很慢。结果一看主要的问题就是就是图片的大小过慢,然后呢准备呢去做优化, 本来想去用webp,去优化的,但是呢这个图片是不是我们就用不了呢,然后看了下业界优化王

es6模块加载方案

本篇我们重点介绍以下四种模块加载规范: AMD CMD CommonJS ES6 模块 最后再延伸讲下 Babel 的编译和 webpack 的打包原理。

Github访问速度慢的解决方案总汇

GitHub的CDN(Content Delivery Network,即内容分发网络)域名遭到DNS污染,无法连接使用GitHub的加速分发服务器,所以国内访问速度较慢。

微信中H5页面唤起 APP方案_直接打开appStore

H5网页在微信上是无法直接打开app链接的,需要使用微信开放标签wx-open-launch-app,它主要用于微信H5网页唤醒app,该标签只有在微信中才会显示。

前端加载超大图片(100M以上)实现秒开解决方案

而对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下面介绍下如何对大图进行分割

现代 CSS 解决方案:原生嵌套(Nesting)

CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段,而今天(2023-09-02),CSS 原生嵌套 Nesting 终于成为了既定的规范!在之前,只有在 LESS、SASS 等预处理器中,我们才能使用嵌套的写法

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!