JS阶段总结

什么是JS

JS最初是由网景公司创建的，参考了JAVA语言，主要是用来做前端校验的，后来被ECMA组织更名为ECMAScript（ES）。

JS的语法特点

1.js严格区分大小写；

​ 2.每一行代码应该以分号结尾，但是可以省略；

​ 3.js代码的执行顺序，从上往下依次执行。

JS的引入方式

1.行内式

通过on+事件名的形式书写js代码。

2.内部引入式

写在html中的script标签中。

3.外部js文件引入

通过src属性去指定js文件的路径。

JS的输入语句

通过promt函数，可以从浏览器中输入相应的数据到程序中。

JS输出语句

1.页面输出

document.write(123)

​该方式输出的内容用户可见，会影响页面的整体内容。

2.弹窗输出

alert("hello world")

该方式输出的内容用户也是可见的，并且该方式具有一定的交互能力，会阻塞后面js代码的执行。

3.控制台输出

console.log("hello eorld!")

通过该方式输出数据用户不可见，也不会阻塞代码。

JS中的数据类型

Number、String、Boolean、Symbol、Null、Undefined、Object.

变量

变量是存储数据的容器，通过这个容器我们将程序中所用到的数据进行保存。

变量本质上是存放到内存空间中的，一旦程序结束，变量所占据的空间将得到释放。

在JS中创建并声明变量的方式

1.先声明，再赋值

var num

num = 10

console.log(num)

2.声明创建的同时进行赋值

var num = 10

console.log(10)

注意：如果只是声明了变量，但是没有对其进行赋值，不会报错，会打印undefined，

如果变量未声明就去访问，会报错“xxx is not defined”。

标识符

标识符：就是为变量、函数、形参、对象属性、对象方法等命名的一段字符。

标识符的命名规则

1.标识符只能由数字、字母、下划线、$组成；

2.不能以数字开头；

​3.不能使用关键字或者保留字作为标识符的名字；

​4.标识符的命名严格区分大小写；

​5.标识符的命名应该遵循见名知义；

​6.如果标识符由多个单词组成应采用驼峰命名法，如： abcAbcBcc。

typeof运算符

用于检测对应变量的类型。

用法：typeof+变量名

数据类型的相互转换

1.其他数据类型转换为Number类型

通过Number()、paserInt()、paserFloat()三种方法实现。

2.其他数据类型转换为String类型

通过String()、toString()两种方法实现。

3.其他类型转换为Boolean类型

通过Boolean()方法实现。

运算符

JS中的运算符包括：算数运算符、单目运算符、自增和自减运算符、赋值运算符、比较运算符、逻辑运算符、括号运算符、逗号运算符、条件运算符。

1、算数运算符

+（加）、-（减）、 * （乘）、\（除）、 %（模运算）

2.单目运算符

单目运算符是对一个数据进行运算的。

3.自增和自减运算符

前自加：

        语法：++变量名 （变量名=变量名+1）

        前自加是先将变量的值进行加1后，在参与后续的计算

后自加：

​        语法：变量名++（变量名=变量名+1）

​        先使用变量当前值参与运算，运算完毕后，再将变量的值进行加1

前自减：

        语法：--变量名 （变量名=变量名-1）

        前自减是先将变量的值进行减1后，在参与后续的计算

后自减：

​        语法：变量名--（变量名=变量名-1）

​        先使用变量当前值参与运算，运算完毕后，再将变量的值进行减1

4.赋值运算符

"="：将赋值号右边的值赋值给左边的变量

5.比较运算符

> < >= <= == !=

比较运算符是将左右两侧的表达式进行数据的比较，得到的一定是逻辑值（布尔值）

6.逻辑运算符

与（&&） 或（||） 非（！）

逻辑与(&&)：一假即