数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法学研究JavaScript 背后的工作原理是什么？
JavaScript 是一种相对较新的语言，与传统的HTML & CSS 管道相比，它具有许多新特性和增强功能。在新时代，JavaScript 在相对较短的时间内占据了大部分前端市场。它获得了巨大的普及，并且是任何前端需求的首选语言。
在本文中，我们将探讨传统的 JavaScript 如何在前端模板中工作。它如何处理元素以及如何执行它们？
JavaScript 是一种同步的单线程语言，具有特定的执行顺序。
JavaScript 函数内部的所有内容都在执行上下文中执行。
执行上下文主要由两部分组成：
内存（即环境变量），其中包含所有变量和函数来存储键和值；以及
另一部分由组件（执行线程）组成，它一次执行一行代码。
运行 JavaScript 函数或每当事件命中 JS 函数时，它都会打开一个执行上下文线程。
示例
在下面的示例中，我们将查看下面的脚本并检查函数如何逐行运行。我们将执行下面的函数并了解每个函数是如何执行的。
#文件名: script.js
<script>
var m = 3;
var n = 2;
function sum(num1, num2) {
var ans = num1 + num2;
return ans;
}
var sumOfNos = sum(m, n);
</script>运行上述代码时，JavaScript 将创建一个执行线程上下文。此线程上下文将基本上将所需的 环境变量加载到内存中。
例如 - 在上面的函数中，变量 m、n 将加载到内存中，并在函数需要时使用。
遇到第一行时，它将这些变量存储到内存中的保留内存中。
从上面的示例中，它将 m、n 和 sumOfNo 的值存储在内存中。由于它只是保留空间，因此所有变量的默认值都将保留为 undefined。请参考下图以更好地理解。
为所有变量和函数分配内存后，实际代码执行开始。此执行代码放置在组件内部，代码逐行运行。
如上述代码所示，我们首先将值初始化到内存中，即 m=3 & n=2
一旦值被初始化，sum() 函数就会被调用，它接收两个输入并返回这两个数字的和。所有这些都在执行上下文中发生。它包含两部分：内存和用于代码执行的组件阶段。
一旦为所有函数和组件分配了内存，实际代码执行就使用实际值进行。
在下图中，我们可以清楚地看到值已初始化，代码执行使用代码中的实际值进行。
最后，当遇到 return 时，此值将返回到调用该函数的程序的实际控制。
控制将返回答案，此答案将由实际调用此函数的用户使用。
因此，JavaScript 代码的完整执行就是这样在后台进行的。
462 次查看
