目录[隐藏][展示]
- 1. 提高你的基础知识
- 2.利用面向对象的策略
- 3. 使用小功能
- 4.代替==,使用===
- 5. 使用 JSLint
- 6. 脚本应放在页面底部
- 7. 制作字符串的最快方法
- 8. 为您的代码添加注释
- 9.利用模板文字
- 10. 迭代器和 for ... of 循环
- 11. 使用 {} 而不是 new Object()
- 12. 考虑在你的代码中加入 let 和 const
- 13. eval() 不是一个好主意
- 14.Spread 运算符派上用场
- 15.等待和异步
- 16.在Javascript中使用includes()方法
- 17. 使用 Splice 从数组中删除项目
- 18. 使用箭头功能
- 19. 使用解构,可以快速分配变量值
- 20.做几个项目
- 结论
如果您曾经对 Web 开发感兴趣,那么您可能已经接触过 JavaScript。 面向对象的编程语言是 JavaScript。 开发人员使用它来使网页的客户端(前端)动态和交互。
它还用于使用 HTML 和 CSS 创建网页和 Web 应用程序。 现在互联网上没有一个网页没有 JavaScript 代码。 它已成为开发人员工作中不可分割的一个方面。
事实上,它正在稳步增加。 尽管 JavaScript 在为网页提供功能方面得到了最好的认可,但它也被用于非 JavaScript 环境中。 Node.js、Apache Couch-DB 和 Adobe Acrobat 是这些技术的示例。 为了运行 JavaScript,大多数现代 Web 浏览器都包含一个内置的 JavaScript 执行引擎。 如果您想成为一名成功的 Web 开发人员,您将不得不处理 JavaScript。
你必须在今天或明天解决它。 为什么不提前学习 JavaScript,以便在时机成熟时做好准备?
这就是您将在本课程中学到的内容。 它解释了如何通过完善您的 JavaScript 来领先于其他 Web 开发人员。
让我们开始!
1. 提高你的基础知识
我将从你从小就听过的一个非常基本的想法和陈述开始。 学习基础知识并将其付诸实践。 很多时候,您将在编码中应用逻辑,但您会忘记已经有一个内置函数,例如对数组进行切片。 当您运行 JavaScript 代码时,您可能会遇到错误,因此,许多附加功能将停止工作。
这可能是由单个冒号或引号引起的。 这些事情是由于缺乏对基本原理的理解而发生的。 很多时候,在单个程序中,会使用一个基本循环,例如 for、which 或 do while。 循环是最基本的编程结构之一。
如果您不熟悉循环和其他基础知识,那么编写代码甚至有机会为公司工作是相当困难的。 复习您的基础知识至关重要,因为它们为开发解决方案的复杂逻辑和声誉提供了坚实的基础。
2.利用面向对象的策略
面向对象的方法是当今最著名的编程方法。 从 C++ 开始的面向对象方法从那时起就大受欢迎。 今天,只有面向对象的编程用于创建所有主要语言。 面向对象的策略是专注于特定对象的策略。
然后该项目成为一个基本实体。 然后使用此对象将属性和功能添加到页面作为基础。 您也可以使用传统的方法从上到下创建代码,无需任何函数或对象。 这太广泛了,永远不应该尝试。 在开发代码时,我们应该使用函数式的方法,如果我们使用函数,我们应该使用对象。
因此,在开始时,努力将您的扩展代码转换为面向对象的代码,并始终以面向对象的风格编写您的代码。 当您研究其他人的代码时,您将不断研究面向对象的技术。 如果你想掌握 JavaScript,最好亲自动手。
3. 使用小功能
使用函数式方法进行编程是一种极好的方法。 为什么? 它将您的软件分成模块,这些模块可以一起运行,但仍然彼此不同。 让我给你一个例子来帮助你理解。
可以使用函数计算整数的均方根。 为此,您必须对整数求平方,计算它们的均值,然后计算均值的平方根。 该过程分为三个阶段。 因此,我们可以使用三个函数。 但是,正如您所见,所有这些功能都是相互关联的。 一个的输出被发送到另一个,我们收到最终的结果。
让我们假设您只需要一个函数来根据多个因素计算 RMS,而不是三个函数。 如您所见,最终的解决方案是不正确的。 在这一点上,您将很难确定在如此大的事件中出了什么问题。
另一方面,拥有三个微小的功能将使您能够快速分析。 因此,即使功能很普通,也可以利用它们来定义不同的代码模块。 这种技术将帮助你成为像魔术一样的 JavaScript 专家。
现在,让我们看一些 JavaScript 编码技巧。
4.代替==,使用===
在 JavaScript 中,有两种类型的相等运算符:严格相等运算符 === 和 !==,以及非严格相等运算符 == 和 !=。 在比较时,始终采用完全相等被认为是最佳实践。 但是,当使用 == 和 != 时,在处理不同类型时会遇到问题。
当您比较的值的类型不同时,非严格运算符将尝试强制它们的值,这可能会导致意外结果。
5. 使用 JSLint
Douglas Crockford 创建了 JSLint,一个调试器。 只需将您的脚本放入盒子中,它就会迅速扫描它以查找任何错误或缺陷。
JSLint 检查 JavaScript 源文件。 如果发现问题,它会发送一条消息,其中包含问题描述和源中的大致位置。 问题并不总是句法错误,尽管这种情况经常发生。
JSLint 检查文体规范和结构问题。 这并不意味着您的软件是准确的。 它只是增加了另一双眼睛来帮助检测问题。 在您签署脚本之前,通过 JSLint 运行它以确保您没有犯任何错误。
6. 脚本应放在页面底部
用户的主要目标是尽可能快地加载页面。 在加载完整文件之前,浏览器无法继续加载脚本。 因此,用户将不得不等待更长的时间才能看到任何进展。
如果您有仅用于提供功能的 JS 文件(例如,一旦按下按钮),请将它们放在页面底部,就在结束 body 标记之前。 这无疑是最好的做法。
7. 制作字符串的最快方法
当你需要循环一个数组或对象时,不要总是使用你信任的 for 循环语句。 发挥您的想象力,为手头的任务提出最快的解决方案。 我不会给你带来数字; 你只需要相信我(或自己测试)。
这是迄今为止最快的技术。
8. 为您的代码添加注释
起初它可能看起来毫无意义,但是当我说你应该尽可能多地评论你的代码时相信我。 如果您几个月后回到项目中并且无法回忆起您最初的思考过程怎么办?
如果您的代码必须由您的一位同事更新怎么办? 您的代码的重要区域应始终进行注释。
9.利用模板文字
使用双引号或单引号创建的字符串的约束很多。 为了更轻松地使用它们,您可以选择用模板文字替换一些字符串。
反引号字符 (') 用于构建模板文字,它有很多优点。 您可以使用它们来存储表达式或构建多行字符串。
如您所见,与使用单引号或双引号构造的传统字符串文字不同,我们不必反复进出模板文字。 这最大限度地减少了输入错误的可能性,并允许我们编写更清晰的代码。
10. 迭代器和 for ... of 循环
迭代器是 JavaScript 中的对象,它实现了 next() 方法以返回一个对象,该对象存储序列中的下一个值以及真或假,具体取决于是否还有剩余的值。 这意味着如果你实现了迭代器协议,你就可以构建你自己的迭代器对象。
JavaScript中有一些内置的迭代器,如String、Array、Map等。 您可以使用 for ... of 循环来遍历它们。 与普通的 for 循环相比,这更简洁且不易出错。 我们不必使用 for...of 循环来跟踪数组的完整长度或当前索引。 在设计嵌套循环时,这可能有助于简化代码。
11. 使用 {} 而不是 new Object()
在 JavaScript 中,您可以通过多种方式创建对象。 如图所示,使用 new 构造函数是一种更传统的方式。 另一方面,这种策略被标记为“糟糕的做法”。
它不是破坏性的,但它有点罗嗦和独特。 我建议改为使用对象文字技术。
12. 考虑在你的代码中加入 let 和 const
我们可以使用 let 关键字来创建作用域为它们自己的块的局部变量。 我们可以使用 const 关键字来构造无法更改的局部块范围变量。
声明变量时,应考虑在适用时使用 let 和 const 关键字。 请记住, const 关键字仅禁用重新分配。 它也不会使变量不可更改。
13. eval() 不是一个好主意
eval() 方法,对于那些不知道的人,允许我们访问 JavaScript 的编译器。 本质上,我们可以使用 eval 通过将字符串作为输入 () 来执行字符串的结果。
这不仅会显着减慢您的脚本速度,而且还会带来重大的安全问题,因为它赋予传入的文本过多的权限。 不惜一切代价避免它!
14.Spread 运算符派上用场
您是否曾经需要将数组中的所有项目作为单个元素传输到另一个函数,或者您是否需要将一个数组中的所有值放入另一个数组中? 这正是扩展运算符 (...) 允许我们实现的。 这是一个插图。
15.等待和异步
使用 async 关键字创建异步函数,该关键字总是显式或隐式地返回一个承诺。
await 关键字可以在异步函数中使用来暂停执行,直到返回的 Promise 的解析完成。 在您的异步函数之外,代码将继续正常运行。
16.在Javascript中使用includes()方法
在 JavaScript 中,includes() 函数确定字符串是否包含提供的字符或数组是否包含指定的元素。
如果发现字符串或元素,则此方法返回 true; 否则,它返回 false。 值得一提的是,Strings contains() 函数区分大小写。 如果您希望匹配字符串而不考虑大小写,只需先将目标文本小写即可。
17. 使用 Splice 从数组中删除项目
为了从数组中删除一个项目,我看到开发人员使用了删除功能。 这是错误的,因为 delete 方法不是删除对象,而是将其替换为 undefined。
根据 JavaScript 中的值从数组中删除元素的最简单方法是使用 indexOf() 函数获取该值在数组中的索引号,然后使用 splice() 方法删除该索引值。
18. 使用箭头功能
箭头函数是刚刚添加到 JavaScript 中的另一个重要特性。
他们有很多优势。 首先,它们使 JavaScript 的功能部分更具视觉吸引力并且更易于编写。 然而,使用箭头函数使这更加清晰和简洁。
19. 使用解构,可以快速分配变量值
在这篇文章的前面,我们了解了 JavaScript 中的扩展运算符。 解构类似于解构,因为它也解包包含在数组中的数据。
区别在于这些解压缩的值可以分配给不同的变量。 形成数组时的语法与 [] 快捷方式的语法相同。 但是,这次括号放在赋值运算符的左侧。 这是一个插图。
20.做几个项目
任何人才都需要一致的实践,因此请尝试构建各种项目以磨练您的能力并获得各种编程场景的专业知识。
在开展项目时,您将遇到一些挑战和错误,这将为您提供必要的专业知识。 因此,请尝试提出项目,互联网上有大量的想法和示例可以帮助您。 继续开发代码,你的能力就会提高。
结论
学习像 JavaScript 这样的计算机语言可能很困难。 如果您认真想成为一名优秀的程序员并确保您的第一份工作,那么这些 JavaScript 学习策略可以帮助您加快学习过程。
确保您定期练习编码,在学习新想法的同时做详尽的笔记,并利用您可以使用的所有工具。 最重要的是,出去玩,开始编码。
发表评论