• JS课程记录-黑马


    一.编程语言

    1.编程

    在这里插入图片描述

    2.计算机语言

    在这里插入图片描述

    3.编程语言

    在这里插入图片描述

    4.翻译器

    在这里插入图片描述

    4.编程语言和标记语言的区别

    在这里插入图片描述

    5.总结

    在这里插入图片描述

    二.计算机基础

    1.计算机组成

    在这里插入图片描述
    在这里插入图片描述

    2.数据存储

    在这里插入图片描述

    3.数据存储单位

    在这里插入图片描述

    4.程序运行

    在这里插入图片描述

    三.认识JavaScript

    1.初识JavaScript

    在这里插入图片描述

    2.JavaScript是什么

    在这里插入图片描述

    3.JavaScript作用

    在这里插入图片描述

    4.HTML/CSS/JS关系

    在这里插入图片描述

    5.浏览器执行JS简介

    在这里插入图片描述

    6.JS组成

    在这里插入图片描述

    6.1 ECMAScript

    在这里插入图片描述

    6.2 DOM-文档对象模型在这里插入图片描述

    6.2 BOM-浏览器对象模型

    在这里插入图片描述

    7.JS初体验

    JS分别有三种书写位置,分别是行内,内嵌和外部

    7.1 行内式JS

    在这里插入图片描述

    7.2 内嵌式JS

    在这里插入图片描述

    7.3 外部JS

    在这里插入图片描述

    8.JS输入输出语句

    在这里插入图片描述

    四.JS变量

    1.什么是变量

    在这里插入图片描述
    在这里插入图片描述

    2.变量的使用

    2.1 声明变量

    在这里插入图片描述

    2.2 赋值

    在这里插入图片描述

    2.3 变量初始化

    在这里插入图片描述

    3.变量的语法扩展

    3.1 更新变量

    在这里插入图片描述

    3.2 同时声明多个变量

    在这里插入图片描述

    3.3 声明变量的特殊情况

    在这里插入图片描述

    4.变量命名规范

    不要使用name作为变量名,name有特殊含义
    在这里插入图片描述

    5.变量小结

    在这里插入图片描述

    五.数据类型

    1.数据类型简介

    1.1 为什么需要数据类型

    在这里插入图片描述

    1.2 变量的数据类型

    在这里插入图片描述

    1.3 数据类型的分类

    在这里插入图片描述

    2.简单数据类型

    2.1 简单数据类型(基本数据类型)

    在这里插入图片描述

    2.2 数字型Number

    在这里插入图片描述

    2.2.1 数字型进制

    在这里插入图片描述
    在这里插入图片描述

    2.2.2 数字型范围

    在这里插入图片描述

    2.2.3 数字型三个特殊值

    在这里插入图片描述

    2.2.4 isNaN()

    在这里插入图片描述

    2.3 字符串型String

    在这里插入图片描述

    2.3.1 字符串引号嵌套

    在这里插入图片描述

    2.3.2 字符串转义符

    在这里插入图片描述

    2.3.3 字符串长度

    在这里插入图片描述

    2.3.4 字符串拼接

    在这里插入图片描述

    2.3.5 字符串拼接加强

    在这里插入图片描述

    2.4 布尔型Boolean

    在这里插入图片描述

    2.5 Undefined和Null

    在这里插入图片描述

    3.获取变量数据类型

    3.1 typeof和控制台打印颜色

    通过typeof获取变量的数据类型,也可以通过控制台的颜色判断(蓝色数字,深蓝色布尔,黑色字符串,浅灰色undefined和null)

    3.2 字面量

    在这里插入图片描述

    4.数据类型转换

    4.1 什么是数据类型转换

    在这里插入图片描述

    4.2 转换为字符串

    在这里插入图片描述

    4.3 转换为数字型(重点)

    在这里插入图片描述

    4.4 转换为布尔型

    在这里插入图片描述

    六.扩展

    1.解释型语言和编译语言

    在这里插入图片描述

    在这里插入图片描述

    2.标识符、关键字、保留字

    2.1 标识符

    在这里插入图片描述

    2.2 关键字

    在这里插入图片描述

    2.3 保留字

    在这里插入图片描述

    七.JS运算符

    1.运算符

    在这里插入图片描述

    2.算数运算符

    2.1 算数运算符概述

    在这里插入图片描述

    2.2 浮点数的精度问题

    在这里插入图片描述

    2.3 提问补充

    在这里插入图片描述

    2.4 表达式和返回值

    在这里插入图片描述

    3.递增和递减运算符

    此处例举递增运算符,递减运算符与之同理

    3.1 递增和递减运算符概述

    在这里插入图片描述

    3.2 递增运算符

    3.2.1 前置递增运算符在这里插入图片描述
    3.2.2 后置递增运算符

    在这里插入图片描述

    3.2.3 递增运算符练习

    在这里插入图片描述

    3.3 前置递增和后置递增小结

    在这里插入图片描述

    4.比较运算符

    4.1 比较运算符概述

    在这里插入图片描述

    4.2 等号运算符小结

    在这里插入图片描述

    5.逻辑运算符

    5.1 逻辑运算符概述

    在这里插入图片描述

    5.2 逻辑与&&

    在这里插入图片描述

    5.3 逻辑或||

    在这里插入图片描述

    5.4 逻辑非!

    在这里插入图片描述

    5.5 短路运算(逻辑中断)

    在这里插入图片描述

    5.5.1 逻辑与(永远返回假的)

    在这里插入图片描述

    5.5.2 逻辑或(永远返回真的)

    在这里插入图片描述
    在这里插入图片描述

    6.赋值运算符

    在这里插入图片描述

    7.运算符优先级

    在这里插入图片描述

    八.JS流程控制-分支

    1.流程控制

    在这里插入图片描述

    2.顺序流程控制

    在这里插入图片描述

    3.分支流程控制if语句

    3.1 分支结构

    在这里插入图片描述

    3.2 if语句

    3.2.1 语法结构

    在这里插入图片描述

    3.2.2 执行流程

    在这里插入图片描述

    3.3 if-else语句(双分支语句)

    3.3.1 语法结构

    在这里插入图片描述

    3.3.2 执行流程

    在这里插入图片描述

    3.4 if else if语句(多分支语句)

    3.4.1 语法结构

    在这里插入图片描述

    3.4.2 执行流程

    在这里插入图片描述

    4.三元表达式

    在这里插入图片描述
    在这里插入图片描述

    5.分支流程控制switch语句

    switch执行效率要比if-else高,因为它通过匹配表达式返回值直接跳转到对应case的执行语句里,不会一行行去判断值匹不匹配。另外,判断大于小于之类带有范围的,用if-else更好,不适用switch这种特定值匹配

    5.1 语法结构

    在这里插入图片描述

    5.2 switch注意点

    在这里插入图片描述

    5.3 switch语句和if else if语句的区别

    在这里插入图片描述

    九.JS流程控制-循环

    1.循环

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    2.for循环

    2.1 for循环语法结构

    在这里插入图片描述
    在这里插入图片描述

    2.2 for循环执行过程

    在这里插入图片描述

    2.3 断点调试

    在这里插入图片描述

    3.双重for循环

    在这里插入图片描述

    3.1 双重for循环语法结构

    在这里插入图片描述

  • 相关阅读:
    netty系列之:netty中的核心MessageToByte编码器
    银发经济硬战:福寿康稳步拓荒,小柏家护轻装上阵
    用Pyhon写一款简单的益智类小游戏——2048
    vue3+emelenui实现前端分页功能—最简单
    Python优化算法08——粘液霉菌算法
    基于java+SpringBoot+HTML+Mysql纪念币抢购销售网站
    pgbouncer 使用
    OSG编程指南<二十三>:基于OSG+ImGui制作模型编辑器,实现三轴方向的实时平移、旋转和缩放变化
    【c++】信号处理--signal、raise、sigaction的介绍
    如何用 Docker 安装运行 mysql?
  • 原文地址:https://blog.csdn.net/qq_44166697/article/details/122751997