首页 > 编程语言 >33 个重要的 JavaScript 概念

33 个重要的 JavaScript 概念

时间:2023-03-01 10:58:38浏览次数:63  
标签:函数 开发人员 33 作用域 代码 JavaScript 概念

33 个重要的 JavaScript 概念

原创2022-12-24 18:21·程序媛最幽默

 

了解这33个JavaScript概念绝对会让你将来的职业生涯受益无穷。

话不多说,直接进入主题!

1. 调用栈

 

 

调用栈是解释器(如web浏览器中的JavaScript解释器)跟踪其在调用多个函数的脚本中的位置的机制——当前正在运行什么函数以及从函数中又调用了哪些函数等。

2. 原始类型(Primitive Types)

 

 

除了对象之外的所有类型都定义了不可变的值(即不能更改的值)。例如(不同于C语言),字符串是不可变的。我们将这些类型的值称为“原始值”。

3. 值类型和引用类型

 

 

分配了非原始值的变量将获得对该值的引用。引用指向对象在内存中的地址。变量实际上并不包含值。

4. 隐式、显式、标称、结构化和鸭子类型

 

 

类型强制意味着当运算符的操作数是不同的类型时,其中一个将被转换为另一个操作数类型的“等价”值。

5. == 和 === 和 typeof

 

 

JavaScript有两种看上去相似、但实际大相径庭的方法可用于测试相等性。那就是==和===。

6. 函数作用域、块作用域和词法作用域

 

 

词法作用域:定义在词法阶段的作用域。是由你在写代码时将变量和块作用域写在哪里来决定的。

函数作用域:属于这个函数的全部变量都可以在整个函数的范围内使用(事实上也可用于嵌套的作用域)。

7. 表达式与语句

 

 

表达式可以像语句一样工作,这就是我们也有Expression语句的原因。但是,另一方面,语句不能像表达式那样工作。

8. IIFE、模块和命名空间

 

 

常用的函数编码模式有一个花哨的名字:Immediately-invoked Function Expression(立即调用函数表达式)。或者更广为人知的是被写作IIFE。

9. 消息队列和事件循环

 

 

问:JavaScript如何异步和单线程?

答:JavaScript语言是单线程的,异步行为不是JavaScript语言本身的一部分,而是构建在浏览器(或编程环境)中的核心JavaScript语言之上,并通过浏览器API访问。

10. setTimeout、setInterval和requestAnimationFrame

 

 

我们可以决定现在不执行函数,而在以后的某个时间执行。

11. JavaScript引擎

 

 

在写JS代码有时感觉有点神奇,因为开发人员编写的一系列字符就像魔术一样,在浏览器中变成具体的图像、文字和动作。

这一切都是由JS引擎在背后默默地支持着。

12. 位运算符、类型数组和数组缓冲区

`

 

好的,从技术上讲,对于计算机来说,一切都归结为1和0。因为计算机不使用数字,也不使用字符或字符串,它只使用二进制数字(位)。即一切都以二进制形式进行存储。然后计算机使用UTF-8等编码将保存的位组合映射到字符、数字或不同的符号(ELI5版本)。

13. DOM和布局树

 

 

文档对象模型,通常称为DOM,是使网站具有交互性的重要部分。它是一个界面,允许编程语言操纵网站的内容、结构和风格。JavaScript是连接到Internet浏览器DOM的客户端脚本语言。

14. 工厂和类

 

 

JavaScript是基于原型的语言,意味着可以通过具有克隆和扩展能力的通用对象来共享对象属性和方法。这称为原型继承,与类继承不同。

15. this、call、apply和bind

 

 

这些函数对每个JavaScript开发人员都非常重要,因为几乎每个JavaScript库或框架中都会用到。

16.new、Constructor、instanceof和Instances

 

 

每个JavaScript对象都有一个原型。JavaScript中的所有对象都从其原型继承其方法和属性。

17. 原型继承和原型链

 

 

JavaScript对于学习基于类的语言(如Java或C++)的开发人员来说有点困惑,因为它是动态的并且本身不提供类实现(class关键字由ES2015引入,但却是语法糖,JavaScript仍然基于原型)。

18. Object.create和Object.assign

 

 

Object.create方法是在JavaScript中创建新对象的方法之一。

19. map,reduce,filter

 

 

即使你不知道什么是函数式编程,也可能一直在使用map、filter和reduce。它们非常有用,可帮助编写更清晰的逻辑。

20. 纯函数、函数副作用、状态突变和事件传播

 

 

我们的许多错误都植根于IO相关、数据突变、带有副作用的代码,然后在代码库中蔓延——从接受用户输入、通过http调用接收意外响应或写入到文件系统。不幸的是,这是一个我们不得不习惯的残酷现实。

21. 闭包

 

 

闭包是将(封闭的)函数与对其周围状态(词法环境)的引用捆绑在一起的组合。换句话说,闭包使你可以从内部函数访问外部函数的范围。在JavaScript中,每次创建函数的同时都会创建闭包。

22. 高阶函数

 

 

JavaScript可以接受高阶函数。这种处理高阶函数的能力以及其他特性使JavaScript成为非常适合函数式编程的编程语言之一。

23. 递归

 

 

可以扩展你对函数式编程的理解。

24. 集合与生成器

 

 

生成器函数返回Generator对象,同时符合可迭代协议和迭代器协议。

25. Promise

 

 

Promise对象表示异步操作的最终完成(或失败)及其结果值。

26. async/await

 

 

async/await是一种可以以更舒适的方式处理Promise的特殊语法。非常容易理解和使用。

27. 数据结构

 

 

JavaScript每天都在发展。随着React、Angular、Vue、NodeJS、Electron、React Native等框架和平台的快速增长,将JavaScript用于大型应用程序已变得相当普遍。

28. 昂贵的运算和Big O标记法

 

 

“什么是Big O标记法?”这是一个非常常见的开发面试问题。简而言之就是算法运行时间取决于输入时间的数学表达式,通常谈论最坏的情况。

29. 算法

 

 

在数学和计算机科学中,算法是有明确定义的指令的有限序列,通常用于解决一类特定问题或执行计算。

30. 继承、多态和代码重用

 

 

类继承是一个类扩展另一个类的一种方式,因此我们可以在现有基础上创建新功能。

31. 设计模式

 

 

每个开发人员致力于编写可维护、可读和可重用的代码。随着应用程序变得越来越大,代码结构变得越来越重要。设计模式被证明是解决这一挑战的关键——为特定情况下的常见问题提供组织化的结构。

32. 部分应用、Currying、Compose和Pipe

 

 

函数组合是一种组合多个简单函数以构建更复杂函数的机制。

33. 干净的代码

 

 

编写干净、可理解和可维护的代码是每个开发人员都必须掌握的一项技能。

#头条创作挑战赛#

标签:函数,开发人员,33,作用域,代码,JavaScript,概念
From: https://www.cnblogs.com/sexintercourse/p/17167292.html

相关文章

  • 分享 29个超有用的 JavaScript 单行代码(下)
    分享29个超有用的JavaScript单行代码(下)原创2023-02-0321:19·前端达人大家好,在上一篇文章《分享29个超有用的JavaScript单行代码(上)》分享了日期、字符串、数字、数......
  • 分享29个超有用的 JavaScript 单行代码(上)
    分享29个超有用的JavaScript单行代码(上)原创2023-02-0320:13·前端达人在这篇文章中,我列出了一系列29个JavaScript单行代码,它们在使用原生JS(≥ES6)进行开发时非常......
  • 7 个 高效的 JavaScript 库,总有一个适合你
    7个高效的JavaScript库,总有一个适合你原创2023-02-1409:45·前端达人转载说明:原创不易,未经授权,谢绝任何形式的转载当我们可以通过使用库轻松实现相同的结果时,为......
  • 给外联样式表和JavaScript脚本增加版本号的方法
    方法和问题方法一:前端使用JQuery的方法增加版本号方法二:前端使用JavaScript来增加版本号方法三:后端代码加载方法一:前端使用JQuery的方法增加版本号先上代码<scri......
  • 933~934 BaseServlet抽取,Userservlet&面路径改写
    优化Servlet目的减少Servlet的数量,现在是一个功能一个Servlet,将其优化为一个模块一个Servlet,相当于在数据库中一张表对应一个Servlet,在Servlet中提......
  • #yyds干货盘点#【愚公系列】2023年02月 .NET/C#知识点-区块链概念和实现
    前言区块链是一种分布式数据库,使用密码学技术进行安全的数据记录和验证。它可以被用来创建可信赖的记录,并确保记录不可篡改。区块链的原理其实是一个又一个区块组成的链条......
  • CSS基础概念
    原文链接:​   ​​https://note.noxussj.top/?source=51cto​​定位相关相对定位.my-content{position:relative;}绝对定位​​#​​.my-content{position:a......
  • argument keyword in JavaScript Functions
    argument是一个所有(非箭头)函数都有的对象,它是一个类似数组的对象(但它不是Array)详见:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/argum......
  • JavaScript中单例模式这样用
    如果希望自己的代码更优雅、可维护性更高以及更简洁,往往离不开设计模式这一解决方案。在JS设计模式中,最核心的思想:封装变化(将变与不变分离,确保变化的部分灵活,不变的部分......
  • javascript之正则表达式验证email
    1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge">7......