作为开发人员,您应该熟悉的 7 个 JavaScript 概念
截至 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 术语的更多详细信息。
版权声明: 本文为 InfoQ 作者【flow】的原创文章。
原文链接:【http://xie.infoq.cn/article/4df41645841837688ef5a4bab】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
评论