一、JS是什么？

JS是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能
浏览器就是一种运行JS脚本语言的客户端，JS的解释器被称为JS引擎，为浏览器的一部分

二、JS的组成

JS是由 JS基础（ECMAScript）、DOM（Document Object Model）、BOM（Browser ObjectModel）

三、JS的使用方式

1、行内样式的书写(不经常使用)

<div onclick="alert("您好！")"></div>

2、内嵌式

<script> alert("你好！") </script>

3、外链式

<script src="./js/xx.js"></script>

四、JS的变量

1、什么是变量？

变量就相当于一个容器，内部可以存储任意类型的数据，使用变量时，用的是内部存储的数据。

2、为什么要定义变量？

使用变量可以方便的获取或者修改内存中的数据

3、如何定义一个变量名

var a

4、如何给变量赋值

var a; a=10

5、如何在控制台打印变量

console.log( 变量名 )

6、变量的命名规则

由字母、数字、下划线、$符号组成，不能以数字开头
字母区分大小写
不能是关键字和保留字
- 关键字指的是js中有特殊功能的小词语，比如var、for等
- 保留字指的是现在没有特殊功能，但是将来新语法中有可能作为关键字使用

7、变量的命名规范

横杠连接（中划线） .big-box(class类名可以，变量名不行)
下划线 big_box (class 类名，变量都可以)
驼峰命名法，bigBox （两个单词拼接时，第二个首字母大写）

8、变量的预解析

var a=10;console.log(a);

预解析之后

var a; a=10; console.log(a);

五、JS值得类型

1、基础数据类型（简单数据类型）

1、数字类型

   整数，浮点数

2、字符串类型（需要使用引号包裹）string类型

3、undefined类型（未定义）

4、布尔类型：

   true/false

5、null类型（空）

2、复杂数据类型（引用数据类型）

   object类型

3、值类型的检测方法

typeof 要检测的数据
Object.prototype.toString.call(null)
[example].constructor===[class]
[example] instanceof [class]

4、值类型的转换

1.Number(数据) 方法

转型函数Number()可以用于任何数据类型，将其他数据类型转为数字

字符串：纯数字字符串转为对应数字，空字符串和空白字符串转为0，非空非纯数字字符串转为NaN

布尔值：true转为1，false转为0

undefined：转为NaN

null：转为0

2.parseInt()方法：字符串转整数方法

1、对浮点数进行取整操作

    对数字取整直接舍弃小数部分，只保留整数

2、将字符串转为整数数字

    将字符串转为整数数字，也包含取整功能

3、字符串中，必须是纯数字字符串或者数字字符开头的字符串，才能转换为正常数字，且只取整数部分

4、如果不是数字打头的字符串，会转换为NaN

3.parseFloat()方法：字符串转浮点数方法

1、将字符串转为浮点数数字

2、满足浮点数数字字符必须在字符串开始，如果不在开始返回值都是NaN

4.转换字符串

1.变量.toString() 方法

2.String(变量) 方法，有些值没有 toString() ，这个时候可以使用 String() 。比如 undefined 和 null 

3.+ 号拼接字符串方式
    num + “” ,当 + 两边一个操作符是字符串类型，一个操作符是其他类型的时候，会先把其他类
    型转换成字符串在进行字符串拼接，返回字符串

5.布尔类型

Boolean(变量)方法

    1、转型函数Boolean()可以用于任何数据类型，将其他数据类型转为布尔类型的值
    
    2、转为false：NaN、0、“”空字符串、null、undefined
    
    3、转为true：非0 非NaN数字、非空字符串

六、运算符

算数运算符( + / - / * / / / % )
运算顺序与数学中的运算顺序一致，先乘除取余，后加减，有小括号先算小括号
赋值运算符( = / += / -= / *= / /= / %= )
比较运算符( > / < / >= / <= / == / === / != / !== )
比较结果只会返回一个布尔类型值，true 或者 false
逻辑运算符( && / || / ! )
自增自减运算符( ++ / -- )

JS的初步认识