写点什么

作为开发人员,您应该熟悉的 7 个 JavaScript 概念

作者:flow
  • 2022 年 8 月 09 日
    江西
  • 本文字数:2164 字

    阅读完需:约 7 分钟


截至 2022 年,JavaScript 目前是世界上最常用的语言。它被 95%的网站使用,无论是小型初创公司还是大公司。他们中的一些人正在开发特定的网站或应用程序,需要对这种语言有很强的理解。


有大量的框架和库可供 javascript 用户使用。如果你能理解 Javascript 的基础知识,你就可以很容易地学习这些框架和库。对于一些开发人员来说,有几个概念令人困惑和压倒性,但从长远来看,学习这些 Javascript 概念将使您受益。不仅如此,学习这些 JavaScript 概念将帮助您构建任何类型的应用程序并学习任何框架和库。


【学习 JavaScript】将在 2022 年派上用场。它也将在面试中为您提供帮助。因此,事不宜迟,让我们讨论一些每个 JavaScript 开发人员都应该知道的基本 JavaScript 概念。


作用域

作用域代表变量访问。那么,问题是,当代码运行时,我可以访问哪个变量?但是,在 Javascript 中,默认情况下,您始终处于根作用域(窗口作用域)中。这些边界限制变量并确定您是否有权访问它们。它将变量的可见性或可用性限制为代码的其他部分。了解此概念将帮助您分离代码中的逻辑并提高可读性。我们可以通过两种方式定义范围:


  • 本地范围:它使您可以访问盒子内边界内的所有内容。

  • 全球范围: 它使您可以访问框外边界之外的所有内容。除非您返回本地作用域,否则它无法访问在局部作用域中定义的变量,因为它是与外部世界封闭的。

Async &Await


Async 和 waitue 本质上是 Promises 之上的语法糖,它们提供了保持异步操作更同步运行的方法,就像 Promises 一样。因此,您可以通过多种方式处理 javascript 中的异步操作:


  • ES5 ->回调

  • ES6 ->承诺

  • ES7 -> Async & Await


如果您希望等待数据完全加载后再显示数据,则可以使用 Async/Await 执行 Rest API 请求。它们是 NodeJS 和浏览器程序员的语法改进。它帮助开发人员在 Javascript 中实现函数式编程,并使代码更具可读性。

回调

调用函数时,它必须等待另一个函数执行或返回值,从而创建函数链。因此,回调通常用于 javascript 的异步操作中以提供同步功能。立即调用的函数表达式是定义后立即运行的函数。它们主要用于避免污染全局作用域。后来,ES6 模块被引入,提供了一种避免全局作用域污染的标准方法,尽管有些人认为它不是 IIFEs 的直接替代品。

闭 包


简单地说,闭包是另一个函数中的函数,可以访问外部函数变量。定义本身似乎很简单,但范围使这个定义是唯一的。内部函数(闭包)可以访问在其作用域中定义的变量(在大括号之间定义的变量)、其父函数以及全局变量内部的变量。现在,您需要记住,外部函数无法访问内部函数变量。闭包很难理解。但是一旦理解了,你就会开始看到 JavaScript 的美了。网上有丰富的资源。只要确保你花时间学习闭包。


闭包允许你在内部作用域中访问外部函数的作用域。每次创建函数时,都会创建 JavaScript 闭包。


了解应该使用闭包的原因,以便更深入地理解它们。

类和工厂

JavaScript 不是面向对象的语言。但是,为了模拟 OOP 属性,使用了构造函数。根据 Tania 的说法,“JavaScript 中的类实际上并不提供额外的功能,通常被描述为在原型和继承之上提供语法糖,因为它们提供了更干净、更优雅的语法。其他编程语言都使用类,所以 JavaScript 中的类语法使得开发人员在不同语言之间的转换更加简单。”


工厂函数是一个不是类或构造函数但是返回对象的函数。JS 大师 Eric Elliot 说:“在 JavaScript 中,任何函数都可以返回一个新对象。当它不是构造函数或类时,就称为工厂函数。”


你应该对这两个概念有很好的理解,特别是当你开始开发规模较大的应用程序时。

IIFE(立即调用的函数表达式)


顾名思义,IIFE 是一个 Javascript 函数,在定义时立即被调用和执行。IIFE 中声明的变量不能被外部世界访问,从而防止全局范围受到污染。因此,IIFE 主要用于代码的即时执行和数据隐私。通过理解 IIFEs 和模块,你在开发应用程序中,可以遇到更少的由于全局作用域处理不当而导致的错误。然而,使用模块,你可以做很多事情。

Promise


当您需要启动两个或多个背对背操作(或链调用)时,Promise 在异步 javascript 操作中很有用,其中每个后续函数都在前一个函数完成后调用。Promise 是一个对象,它很快就会产生一个值,要么是已解决的值,要么是无法解析(拒绝)的原因。


Promise 可以存在于以下三种状态之一:


  • 实现:操作完全成功

  • 拒绝:失败的操作

  • 待定:早期状态,既不履行也不拒绝。


挂起的 Promise 可以用值来履行,也可以用原因(错误)拒绝。当这两个选项中的任何一个发生时,将调用由 promise 的方法排队的关联处理程序。如果在附加相应的处理程序时已实现或拒绝 Promise,则将调用该处理程序,因此异步操作完成与其正在附加的处理程序之间没有争用条件。then


当 和 方法返回 promise 时,它们可以被链接起来。Promise.prototype.then()``Promise.prototype.catch()



ℹ️注意:其他几种语言具有用于延迟计算和延迟计算的机制,它们也称为“promises”,例如 Scheme。JavaScript 中的承诺表示已经发生的进程,这些进程可以用回调函数链接。如果您希望懒惰地计算表达式,请考虑使用没有参数的函数,例如 以创建延迟计算的表达式,并立即计算表达式。f = () => expression``f()

ℹ️注意:如果 Promise 得到履行或拒绝,但未被搁置,则称为已解决。您还将听到与 Promise 一起使用的术语“已解决” - 这意味着 Promise 已解决或“锁定”以匹配另一个 Promise 的状态。状态和命运包含有关 Promise 术语的更多详细信息。


发布于: 刚刚阅读数: 5
用户头像

flow

关注

还未添加个人签名 2022.07.13 加入

还未添加个人简介

评论

发布
暂无评论
作为开发人员,您应该熟悉的 7 个 JavaScript 概念_8月月更_flow_InfoQ写作社区