JavaScript 基本语法，变量，数据类型

Day01-笔记

1 JavaScript 概述

① JavaScript 特点：

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

动态： 程序执行的时候才会确定数据类型。 静态： 书写代码的时候提前确定数据类型。

弱类型： 数据类型可以自动转换。 强类型： 数据类型无法自动转换。

解释型： 边编译，边运行，开发效率更高。 编译型： 先编译，后运行，运行效率更高。

脚本： 一般都是可以嵌在其它编程语言当中执行。

② JavaScript 运行环境

所有的高级编程语言都无法直接在电脑上运行，需要安装运行环境，编译型语言的运行环境称为 编译器，解释型语言的运行环境称为解释器。

运行环境负责把编程语言编译为机器码。

JavaScript 的运行环境是浏览器 和 Node.js

③ 客户端浏览器的JavaScript 的组成

• ECMAScript, 即 JavaScript 的基本语法。
• BOM 浏览器对象模型，浏览器提供给JavaScript 的接口。
• DOM 文档对象模型，文档页面（HTML& CSS ） 提供给JavaScript 的接口。

2 JavaScript 的基本语法

2.1 JavaScript 在HTML中的三种使用方法

① 行内式

配合属性，把 JS 代码写在HTML 标签中。

<button onclick="JS 代码..">button>
<button ondblick=" JS 代码..">button>

② 内嵌式

使用Script 标签，把JS代码写在script 双标签之间。

<script>
	JS 代码...
script>

注意：CSS 写在head 标签内，而 JS 代码 写在其他HTML 元素后面。

③ 外链式

JS 代码写在独立的JS 文件中，在 HTML 中使用 script标签的 src 属性引入 JS 文件。

<script src="js文件的地址">script>

注 ： 外链式和内嵌式不要公用一个script 标签

2.2 JavaScript 注释

// 单行注释
// alert('ok');

/*
 多行注释
 多行注释
 多行注释
*/

2.3 JavaScript 语法特点

1、JavaScript 中严格区分大小写
2、每条JavaScript 语句结束需要语句结束符，分号/换行都可以

2.4 JavaScript 中输出内容

① 输出到弹窗

alert(内容);

② 输出到页面中

document.write(内容);

③ 输出到控制台

console.log(内容);

3 变量

3.1 数据、直接量、变量

数据: 计算机计算的就是数据，运算的结果也是数据。

直接量： 直接使用数据就是直接量。

变量： 给数据取个名字，使用该名字就可以使用该数据了 。

3.2 变量的意义

1、用变量给数据取了名字，通过变量可以使用数据，方便对数据的多次重复使用。

2、使用变量可以把数据存储下来，保证后续使用的还是原来的数据。

3.3 变量的语法

1、变量赋值： 把数据给变量的过程

​ 变量的值： 存储到变量中的数据

2、要创建新的变量，需使用关键字 var. 如果使用的变量已经存在，不需要关键字 var .

// 创建一个变量
var username;

// 创建变量并且赋值
var age = 1000;
var address = age;

// 修改变量的值(给变量赋新的值)
username = '芳芳';
address = '上海'

// 同时创建多个变量
var a,b,c;

// 同时创建多个变量并且赋值
var a = 100, b = 200, c = 300;

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

① 强制规范

1、变量名必须是由数字、字母、下划线、$ 组成并且不能以数字开头。

2、变量名不能是关键字 和 保留字。

关键字： 在JS 中具有特殊意义的词。

保留字： 目前在JS 中还没特殊意义，将来可能会具有特殊意义的词。

② 建议规范

1、变量名应该是有意义的单词组成。

2、如果变量名由多个单词组成，可使用小驼峰命名法， 如 homeAddress、

​ userHomeAddress。

4 数据类型

4.1 数据类型的划分

① 原始类型

number 			数值类型
string 			字符串类型
boolean			布尔类型
undefined		未定义类型
null			空类型

② 对象类型

Array  			数组类型
Object 			对象类型
Function		函数类型
..

4.2 判断数据的类型

typeof()

4.3 number 数值类型

① 整型

var s1 = 99;     // 十进制表示
var s2 = 010;	 // 八进制表示
var s3 = 0x10;	 // 十六机制表示

② 浮点型

var s4 = 34.2020;
var s5 = 89.2;
var s6 = 34e-3;

注意： 浮点数的计算存在精度问题！ 原因是计算机需要转为二进制数再进行计算。

③ NaN

NaN ：全称 not a number, 是一个特殊的number 类型的值。

NaN 特点：

​ 1、NaN 与任何数进行计算，计算结果还是NaN。

​ 2、NaN 与任何数都不相等，包括自己。

使用 isNaN() 函数可以判断一个数是不是NaN 。

④ JavaScript 中数字有效范围

JavaScript 可以表示的数字存在有效范围，

​ 即： 5e324 ~ 1.7976931348623157e+308 。

如果超出范围，会用infinity （正无穷）或者 -infinity (负无穷 ) 来表示结果，infinity 和 -infinity 是特殊的number 类型的值。

使用 **isFinite()**函数来判断一个数字是否在有效范围内。

4.4 String 字符串类型

① 字符串表示方式

// 使用单引号
'字符串内容'

// 使用双引号
"字符串内容"

注意：

​ 1、使用单引号定义字符串 与 使用双引号定义字符长没区别。

​ 2、单引号定义的字符串内容中，不允许写单引号，；

​ 双引号定义的字符串中，不允许写双引号。

② 转义字符

\n		表示换行符
\\		表示\本身
\'		用于在单引号定义的字符串中使用单引号
\"		用于在双引号定义的字符串中使用双引号

4.5 boolean 布尔类型

布尔类型的数据有两个值，分别是 true 和 false 。

4.6 Null 和 undefined

undefined类型的数据表示没有定义，是被动产生的，定义变量没有赋值 以及 对象中不存在的属性 和 数组中不存在的元素，以上情况会自动得到 undefined 类型的数据。

null 表示存在但是内容为空，一般需要null的时候，会主动给变量赋值为 null。

注意：

​ 使用 typeof 判断null 的数据类型，得到的是 Object 。