JavaScript基础第01天

1 - 编程语言

1.1 编程

1.2 计算机语言

1.3 编程语言

语言类型说明
汇编语言汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆。
高级语言高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言,常用的有C语言、C++、Java、C#、Python、PHP、JavaScript、Go语言、Objective-C、Swift等。

1.4 翻译器

1.5 编程语言和标记语言区别

语言说明
编程语言编程语言有很强的逻辑和行为能力。在编程语言里, 你会看到很多 if else 、for 、while等具有逻辑性和行为能力的指令,这是主动的。
标记语言标记语言(html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的, 他是被动的。

总结

  1. 计算机可以帮助人类解决某些问题
  2. 程序员利用编程语言编写程序发出指令控制计算机来实现这些任务
  3. 编程语言有机器语言、汇编语言、高级语言
  4. 高级语言需要一个翻译器转换为计算机识别的机器语言
  5. 编程语言是主动的有很强的逻辑性

2 - 计算机基础

2.1 计算机组成

 

2.2 数据存储

  1. 计算机内部使用二进制 0 和 1来表示数据。
  2. 所有数据,包括文件、图片等最终都是以二进制数据(0 和 1)的形式存放在硬盘中的。
  3. 所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。
  4. 硬盘、内存都是保存的二进制数据。

2.3 数据存储单位

2.4 程序运行

3 - 初始JavaScript

3.1 JavaScript 是什么

3.2 JavaScript的作用

3.3 HTML/CSS/JS 的关系

3.4 浏览器执行 JS 简介

浏览器分成两部分:渲染引擎和 JS 引擎

 

3.5 JS 的组成

 

  1. ECMAScript

    ECMAScript:规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

    更多参看MDN: MDN手册

  2. DOM——文档对象模型

  3. BOM——浏览器对象模型

3.6 JS 初体验

  1. 行内式

    • 可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick
    • 注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
    • 可读性差, 在html中编写JS大量代码时,不方便阅读;
    • 引号易错,引号多层嵌套匹配时,非常容易弄混;
    • 特殊情况下使用
  2. 内嵌式

    • 可以将多行JS代码写到 script 标签中
    • 内嵌 JS 是学习时常用的方式
  3. 外部JS文件

    • 利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用
    • 引用外部 JS文件的 script 标签中间不可以写代码
    • 适合于JS 代码量比较大的情况

4 - JavaScript注释

4.1 单行注释

单行注释的注释方式如下:

4.2 多行注释

多行注释的注释方式如下:

快捷键修改为: ctrl + shift + /

vscode → 首选项按钮 → 键盘快捷方式 → 查找 原来的快捷键 → 修改为新的快捷键 → 回车确认

5 - JavaScript输入输出语句

为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:

方法说明归属
alert(msg)浏览器弹出警示框浏览器
console.log(msg)浏览器控制台打印输出信息浏览器
prompt(info)浏览器弹出输入框,用户可以输入浏览器

6 - 变量的概念

6.1 什么是变量

白话:变量就是一个装东西的盒子。

通俗:变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。

6.2 变量在内存中的存储

7 - 变量的使用

7.1 声明变量

7.2 赋值

7.3 变量的初始化

7.4 变量语法扩展

7.5 变量命名规范

规则:

推荐翻译网站: 有道 爱词霸

8 - 数据类型

8.1 数据类型简介

8.2 简单数据类型

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

JavaScript 中的简单数据类型及其说明如下:

  1. 数字型三个特殊值

    • Infinity ,代表无穷大,大于任何数值
    • -Infinity ,代表无穷小,小于任何数值
    • NaN ,Not a number,代表一个非数值
  2. isNaN

    用来判断一个变量是否为非数字的类型,返回 true 或者 false

8.3 获取变量数据类型

8.4 数据类型转换

什么是数据类型转换?

使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另一种数据类型,通常会实现3种方式的转换:

9 - 解释型语言和编译型语言

9.1 概述

9.2 执行过程

10 - 关键字和保留字

10.1 标识符

10.2 关键字

10.3 保留字