0

0

javascript有哪些核心概念_它们如何相互关联?

夜晨

夜晨

发布时间:2025-12-18 18:30:58

|

548人浏览过

|

来源于php中文网

原创

JavaScript核心是执行上下文、作用域链、原型链、事件循环和this绑定五大机制的嵌套联动:作用域链决定变量查找,原型链决定方法查找,事件循环调度执行顺序,this在调用时动态绑定上下文。

javascript有哪些核心概念_它们如何相互关联?

JavaScript 的核心概念不是孤立的零件,而是一套彼此咬合的机制,共同支撑起这门语言的运行逻辑和开发体验。理解它们怎么联动,比单独背定义更有用。

执行上下文与作用域

每次函数调用都会创建一个执行上下文(Execution Context),它包含变量环境、词法环境和 this 绑定。其中词法环境记录了当前作用域内声明的变量和函数,并持有一个指向外层词法环境的引用——这就是作用域链的由来。

  • 函数定义时就确定了它能访问哪些外部变量(静态/词法作用域)
  • 闭包之所以能“记住”外层变量,本质是内部函数的词法环境保留了对外层词法环境的引用
  • var 声明会变量提升,是因为它被绑定在变量环境中;而 let/const 绑定在词法环境中,且存在暂时性死区

原型与对象继承

JavaScript 没有类继承,只有基于原型的对象继承。每个对象内部都有一个隐式原型(__proto__),指向它的构造函数的 prototype 对象。

  • 函数的 prototype 属性是为 new 实例准备的共享原型对象
  • 实例的 __proto__ 自动指向构造函数的 prototype
  • 属性访问时,引擎沿 __proto__ 链向上查找,形成原型链;this 的绑定不影响这条查找路径

事件循环与异步模型

JS 是单线程的,靠事件循环(Event Loop)协调同步代码、宏任务(如 setTimeout)、微任务(如 Promise.then)的执行顺序。

DeepBrain
DeepBrain

AI视频生成工具,ChatGPT +生成式视频AI =你可以制作伟大的视频!

下载

立即学习Java免费学习笔记(深入)”;

  • 调用清空后,先执行所有已就绪的微任务(队列清空),再取一个宏任务
  • Promises 的状态变化会把回调推入微任务队列,所以总比 setTimeout 更早执行
  • async/await 是 Promise + 生成器语法糖,await 后的表达式结果决定是否进入微任务等待

this 绑定与函数调用方式

this 不是由函数定义位置决定,而是由函数如何被调用决定。四种主要调用模式对应不同绑定规则:

  • 普通调用(foo())→ 严格模式下是 undefined,非严格下是全局对象
  • 方法调用(obj.foo())→ this 指向调用者 obj
  • new 调用(new Foo())→ this 指向新创建的实例
  • 显式绑定(call/apply/bind)→ 优先级最高,可覆盖前三种

基本上就这些。它们不是并列知识点,而是层层嵌套:作用域链影响变量查找,原型链影响方法查找,事件循环调度执行时机,而 this 则在每次调用时动态参与上下文构建。弄懂其中一环,往往要回看另一环的设计动机。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

533

2023.09.20

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

399

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

578

2023.08.10

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

568

2023.08.10

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

137

2025.07.29

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

516

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

286

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

361

2023.08.03

c语言中/相关合集
c语言中/相关合集

本专题整合了c语言中/的用法、含义解释。阅读专题下面的文章了解更多详细内容。

0

2026.02.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号