【前端】【JavaScript笔记】之基础知识梳理（一）—— JavaScript概念与基本语法、变量及数据类型

目录

一、JavaScript 概述

1.1 什么是 JavaScript ？

1.2 JavaScript 运行环境（解释器）

1.3 浏览器端的 JavaScript 组成部分

二、JavaScript 基本语法

2.1 JavaScript 在 HTML 中的用法（/使用方式）

2.1.1 行内

2.1.2 内嵌

2.1.3 外链

2.2 JavaScript 注释

2.3 JavaScript 语法特点

2.4 JavaScript 输出

2.4.1 输出到弹窗

2.4.2 写入到 HTML 文档

2.4.3 写入到浏览器的控制台

2.4.4 写入到HTML元素

三、变量

3.1 数据、直接量、变量

3.2 变量的意义

3.3 变量的语法

3.4 变量（标识符）的命名规范

四、数据类型

4.1 数据类型的划分

4.1.1 基本类型

4.1.2 对象类型

4.2 数据类型的判断/检测

4.3 number 数值类型

4.3.1 整型

4.3.2 浮点型

4.3.3 科学计数法

4.3.4 NaN

4.3.5 数字的有效范围

4.4 String 字符串类型

4.5 boolean 布尔类型

4.6 null 和 undefined

---

一、JavaScript 概述

1.1 什么是 JavaScript ？

JavaScript 是一门动态的、弱类型的、解释型的、基于对象的脚本语言。

JavaScript 简介 | 菜鸟教程 JavaScript_百度百科

1.2 JavaScript 运行环境（解释器）

① 浏览器

② Node.js

1.3 浏览器端的 JavaScript 组成部分

1. ECMAScript , JavaScript语法

2. BOM  浏览器对象模型

3. DOM  文档对象模型

二、JavaScript 基本语法

2.1 JavaScript 在 HTML 中的用法（/使用方式）

2.1.1 行内

在 html 标签上直接写

2.1.2 内嵌

在 script  内写

2.1.3 外链

写入外部 js 文件，由script src 引入

JavaScript 用法 | 菜鸟教程

2.2 JavaScript 注释

//…      单行注释

/*

…

*/         多行注释

2.3 JavaScript 语法特点

1. 严格区分大小写

2. 使用  换行  或者  ;  结束

2.4 JavaScript 输出

2.4.1 输出到弹窗

alert(内容)

2.4.2 写入到 HTML 文档

document.write(内容)

2.4.3 写入到浏览器的控制台

console.log(内容)

2.4.4 写入到HTML元素

innerHTML

JavaScript 输出 | 菜鸟教程

三、变量

3.1 数据、直接量、变量

数据：

是信息的载体

数据（计算机术语）_百度百科

直接量：

直接表示数据的方式

直接量_百度百科

变量：

给数据取名，通过名字使用数据；可以把变量看做存储数据的容器

变量（计算机名词）_百度百科

3.2 变量的意义

① 方便表示数据，有利于数据的重复使用

② 保证数据的一致性

3.3 变量的语法

var    声明/定义/创建变量

=       为变量赋值

举例：

var a;
a = 50;
var b = 100;
var c = 1, d = 2, e = 3;

3.4 变量（标识符）的命名规范

（1）由数字、字母、下划线、$ 组成，不能以数字开头

（2）严格区分大小写

（3）不能是关键字或者保留字

（4）尽量使用有意义的单词

（5）推荐使用小驼峰命名法

 常用的命名法：

①小驼峰命名法：

第一个单词小写，后面组合单词第一个字母大写，如：userName、secondMobileNumber

②大驼峰命名法：

每个单词第一个字母大写，如：UserName

③帕斯卡命名法：

所有字母小写，单词间用 _ 隔开，如：user_name

JavaScript 语法 | 菜鸟教程

四、数据类型

4.1 数据类型的划分

4.1.1 基本类型

字符串( String )、数字( Number )、布尔( Boolean )、空( Null )、未定义( Undefined )、Symbol（ES6中引入的一种新的基本数据类型）

4.1.2 对象类型

对象( Object )、数组( Array )、函数( Function )

特殊的对象：正则（RegExp）和日期（Date）

JavaScript 数据类型 | 菜鸟教程

4.2 数据类型的判断/检测

使用 typeof 操作符

举例：

typeof 1           //number

typeof (123)       //number

typeof userName    //undefined

typeof 'hello'     //string

4.3 number 数值类型

4.3.1 整型

（1）123      十进制表示                       

（2）010      八进制表示（不推荐）     

（3）0x1f     十六进制表示                   十六进制（一种计数方式）_百度百科

4.3.2 浮点型

0.5

.5

注意：

十进制小数转为二进制小数，大部分无法精确转换，存在精度问题

4.3.3 科学计数法

2e3

10e-2

科学记数法_百度百科

4.3.4 NaN

Not A Number ，是 Number 类型的数值，不是一个有效数字

特点：

① NaN 与任何数进行任何数学运算，结果都是 NaN

② NaN 与任何数据都不相等，包括它自己

isNaN() 函数：

可以判断数据是否是 NaN 

NaN（数值数据类型的一类值）_百度百科

4.3.5 数字的有效范围

① 有效范围

通过代码可以看到

// 数字的有效范围
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);

最大值：1.7976931348623157e+308

最小值：5e-324

② 若数字超过最大最小范围，则表示为：

正无穷： Infinity

负无穷：-Infinity

③ isFinite()函数

可以判断数字是否是有效数字；

有效结果 true ，无效结果 false；

无效数字： Infinity  -Infinity  NaN

4.4 String 字符串类型

使用 ' ' 或者 " " 定义字符串

相同引号内部若要引用该引号需要使用转义字符

常用转义字符：

\n                  换行

\'                   转义单引号

\"                   转义双引号

\\                   转义反斜杠

\uxxxx           使用4位16进制数字表示Unicode编码

4.5 boolean 布尔类型

true        是、真

falese     否、假

4.6 null 和 undefined

null                空

undefined     未定义；使用未赋值的变量时