JavaScript中如何深入理解同步异步、作用域闭包、原型及原型链?

更新于
2026-09-25 01:21:53
1阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计4514个文字,预计阅读时间需要19分钟。

JavaScript中如何深入理解同步异步、作用域闭包、原型及原型链?

目录

1.同步、异步

2.作用域、闭包

3.原型、原型链

- JS的三座大山:同步、异步、作用域、闭包、原型、原型链 1. 同步、异步 2. 作用域、闭包 3. 原型、原型链

目录
  • 1. 同步、异步
  • 2. 作用域、闭包
    • 闭包
    • 作用域
  • 3. 原型、原型链
    • 原型(prototype)
    • 原型链

如图所示,JS的三座大山:

  • 同步、异步
  • 作用域、闭包
  • 原型、原型链

1. 同步、异步

JavaScript执行机制,重点有两点:

  • JavaScript是一门单线程语言
  • Event Loop(事件循环)是JavaScript的执行机制

JS为什么是单线程

最初设计JS是用来在浏览器验证表单操控DOM元素的是一门脚本语言,如果js是多线程的,那么两个线程同时对一个DOM元素进行了相互冲突的操作,那么浏览器的解析器是无法执行的。

js为什么需要异步

如果js中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。

对于用户而言,阻塞就以为着“卡死”,这样就导致了很差的用户体验。

阅读全文

本文共计4514个文字,预计阅读时间需要19分钟。

JavaScript中如何深入理解同步异步、作用域闭包、原型及原型链?

目录

1.同步、异步

2.作用域、闭包

3.原型、原型链

- JS的三座大山:同步、异步、作用域、闭包、原型、原型链 1. 同步、异步 2. 作用域、闭包 3. 原型、原型链

目录
  • 1. 同步、异步
  • 2. 作用域、闭包
    • 闭包
    • 作用域
  • 3. 原型、原型链
    • 原型(prototype)
    • 原型链

如图所示,JS的三座大山:

  • 同步、异步
  • 作用域、闭包
  • 原型、原型链

1. 同步、异步

JavaScript执行机制,重点有两点:

  • JavaScript是一门单线程语言
  • Event Loop(事件循环)是JavaScript的执行机制

JS为什么是单线程

最初设计JS是用来在浏览器验证表单操控DOM元素的是一门脚本语言,如果js是多线程的,那么两个线程同时对一个DOM元素进行了相互冲突的操作,那么浏览器的解析器是无法执行的。

js为什么需要异步

如果js中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。

对于用户而言,阻塞就以为着“卡死”,这样就导致了很差的用户体验。

阅读全文