青训营 x 训练营笔记2.1——深入理解 JS

62 阅读3分钟

课程介绍

本课程主要面向刚刚入门的前端同学,主要讲述了JS的整体发展及一些比较重要的知识。其中通过一些简单的代码讲述了变量提升、JS的数据是怎么存储的、基础数据类型和复杂数据类型的区别等一些基础知识,也讲解了JS的执行、闭包、垃圾回收等一些稍微进阶一些的知识。

课程重点

  • JS的基本概念
  • JS的数据类型
  • 变量提升
  • 作用域
  • 闭包
  • 垃圾回收

image.png

image.png

JS的基本概念

JavaScript(简称 JS)是一种轻量级的脚本语言,通常用于前端 Web 开发,也可以用于后端 Node.js 开发。以下是 JS 的基本概念:

  1. 数据类型:JS 中有 7 种数据类型,分为原始类型和引用类型,其中原始类型包括数字、字符串、布尔值、null、undefined、Symbol 和 BigInt,引用类型包括对象、数组、函数和正则表达式等。
  2. 变量:JS 使用 varletconst 来声明变量,其中 varlet 可以修改,const 声明的变量是不可修改的。变量名遵循标识符的命名规则,且不能使用 JS 的关键字。
  3. 运算符:JS 中的运算符包括算数运算符、比较运算符、逻辑运算符、位运算符、三元运算符和赋值运算符等。
  4. 控制流程语句:JS 中的控制流程语句包括条件语句(if...elseswitch)、循环语句(forwhiledo...while)和跳转语句(breakcontinuereturn)。
  5. 函数:JS 中使用 function 关键字来定义函数,函数可以接受参数并返回值,也可以作为变量传递。JS 中的函数是一等公民,可以作为参数、返回值或赋值给变量等。
  6. 对象:JS 中的对象是一种复合数据类型,由属性和方法组成。可以使用 {}new Object() 来创建对象,对象的属性可以使用点语法或中括号语法访问。
  7. 事件处理:JS 可以通过事件处理程序响应用户交互,如点击事件、键盘事件等。可以通过 addEventListener() 方法来注册事件处理程序,也可以在 HTML 标签中添加 onclick 等属性来定义事件处理程序。

JS的数据类型

image.png JavaScript 中包括 7 种数据类型,分为原始类型和引用类型。

  1. 原始类型

原始类型是 JS 中最基本的数据类型,包括:

  • 数字类型(Number):整数和浮点数,如:1003.14 等。
  • 字符串类型(String):字符串,如:"hello"'world' 等。
  • 布尔类型(Boolean):true 和 false
  • 空值(null):表示没有值。
  • 未定义(undefined):表示变量未初始化或不存在。
  • Symbol:在 ES6 新增,表示唯一标识符。
  • BigInt:在 ES10 新增,用于存储更大范围的整数。
  1. 引用类型

引用类型是对象类型,包括对象、数组、函数和正则表达式等:

  • 对象(Object):包括普通对象、内置对象和自定义对象。
  • 数组(Array):由有序数据项组成的列表。
  • 函数(Function):可重复使用的代码块,接受参数并返回值。
  • 正则表达式(RegExp):用于匹配一定规则文本的模式。

文章仅为个人学习笔记,如有错误,欢迎指正。下期见🔥