Web前端入门学习之JS基础知识梳理汇总

偏执的太偏执、 2023-02-18 14:19 5阅读 0赞

Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。

不过，学习要一步一个脚印，不能一口吃一个胖子，所有的实战经验都是基于理论而积累形成，今天就给大家梳理汇总一下JS相关的基础知识点。

1、执行环境：有时也叫环境，是JavaScript中最为重要的一个概念，执行环境定义了变量或函数有权访问的其他数据。

2、变量对象：每一个执行环境都有一个与之关联的变量对象，环境中定义的所有的变量和函数都保存在这个的对象中。

3、作用域链：代码在环境中执行时，会创建变量对象的作用域链，保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端，始终是当前执行代码所在环境的变量对象。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
4、活动对象：如果当前执行环境是函数，则将活动对象作为变量对象。

5、可执行代码：

1)全局代码：例如加载外部的JS文件或者本地标签内的代码，全局代码不包括 function体内的代码;  
2)函数代码：function体内的代码;  
3)eval代码：eval()函数计算某个字符串，并执行其中的JS代码，比如eval(“alert(‘hello world’)”)。

我目前是在职前端开发，如果你现在也想学习前端开发技术，
    在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，
    学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：603 中间：985 最后：993。
    里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，
    前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

6、执行上下文栈：在一个JS程序中，必定会产生多个执行上下文，JS引擎会以栈的方式来处理它们，也就是执行上下文栈。

7、作用域：JS是一种没有块级作用域的语言(包括if、for等语句的花括号代码块或者单独的花括号代码块都不能形成一个局部作用域)，所以js的局部作用域的形成有且只有函数的花括号内定义的代码块形成的，既函数作用域。

8、作用域链：是作用域规则的实现，通过作用域链的实现，变量在它的作用域内可被访问，函数在它的作用域内可被调用。

作用域链是一个只能单向访问的链表，这个链表上的每个节点就是执行上下文的变量对象，单向链表的头部(可被第一个访问的节点)始终都是当前正在被调用执行的函数的变量对象(活动对象)，尾部始终是全局活动对象。

9、闭包：函数对象可以通过作用域链相互关联起来，函数体内的数据(变量和函数声明)都可以保存在函数作用域内，这种特性在计算机科学文献中被称为“闭包”。

从技术角度来说，JS的函数都是闭包：函数都是对象，都关联到作用域链，函数内数据都被保存在函数作用域内。

最后祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200618114919215.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70