JavaScript基本语法

Posted 2020-09-04

1. 在html里面加入javascript

方法非常简单，就是通过一对<script></script>标签，然后在标签里面书写代码即可

 

2. 标签位置

按照以前传统的方法，我们的script标签都是放在head标签里面的。但是由于浏览器进行渲染的时候是由上往下进行渲染，这样会导致浏览器在呈现页面的时候出现延迟。延迟的时候就是空白，影响用户体验。所以现在的方法，都是讲script标签写body里面，元素的后面。

 

3. 外部JS文件

1）可维护性高

2）可缓存：例如有两个HTML文件（A，B）都是用的同一个JS文件。当用户请求A页面的时候，A页面的HTML文件和JS文件一起被下载到本地。接下来用户再请求B页面的时候，只需要下载B页面的HTML页面即可，因为JS文件已经有了。

 

4. JavaScript语法

1）JavaScript区分大小写

test和Test表示不同变量

2）标识符

JavaScript里面的标识符由数字，字母，下划线（_）和$组成，不能以数字开头

3）注释

JavaScript注释有两种：多行注释和单行注释

 

4）关键字

所谓关键字，就是系统已经定义好了的标识符。我们不能够使用关键字来作为我们的标志符。

关键字与保留字：所谓保留字，就是目前还没有成为关键字，但是有可能在下一个版本成为关键字的一些标识符。我们也不能使用保留字来作为我们的标识符

 

5）变量

JavaScript是一门弱类型语言。JavaScript里面申明任何数据类型都用一个var就可以了

5. JavaScript里面的数据类型

JavaScript支持5种简单的数据类型：number，string，boolean，undefined，null。

number：数字类型

string：字符串类型

boolean：布尔类型

undefined：定义了一个变量但是没有被赋值

null：表示是一个空

 

undefined：表示一个变量定义了但是没有被赋值

 

效果：

null：表示是一个空的对象。事实上我们的undefined就是从null上派生而来的。

 

boolean：布尔类型

布尔类型的值只有两个：true和false。这两个值是区分大小写。

 

number类型：这个数据类型包含了整数和实数，NaN

 

八进制一般以0开头，十六进制一般以0x开头

在JavaScript里面，无论几进制，最终计算结果都是以十进制来呈现

 

结果：最终都是以十进制的形式来显示结果

实数：所谓实数，通俗的讲，就是小数，当然也被称之为浮点数。我们的浮点数有两种表示方法：小数型，科学计数型

 

数值范围：由于我们的内存是有限的，所以并不能保存所有的数。

 

如果超出我们JavaScript所支持的数值范围，则会变成无穷大（infinity）或者无穷小（-infinity）

 

结果：

 

所谓NaN，英语全称Not a number，表示不是一个数。如果任何一个数和NaN进行操作的话，返回的会是NaN

 

会弹出NaN。注意：NaN的数据类型也是number

NaN与任何值都不相等，包括它自己本身

 

结果：弹出false

isNaN()：判断一个参数是否不是一个数

例如：

 

返回结果会是false。因为1234是一个数，所以它不是NaN，所以返回false

 

数值转换

number(),parseInt(),parseFloat()

number()：将一个非数值转换为数值

如果是一个布尔值，要么被转换为1，要么被转换为0

如果是数字，那么该是多少，就是多少

如果是null值，会被转换为0

如果是undefined，会被转换为NaN

 

字符串转换为数字：

如果字符串里面只包含数字，那么只会被转换为十进制

 

如果字符串为空，将会被转换为0

如果有字母，那么就将会被转换为NaN

如果字符串是八进制，那么会忽略前面的0，但是如果是16进制的话，会转换为相应的十进制数

 

parseInt()：该函数会更多的看是否有数字。如果有就会被转换为数字。如果字符串为空，将会被转换为NaN。还有一点就是，如果是3.14，那么会被转换为3

 

事实上，我们parseInt()函数提供了第二个参数。指定转换为几进制

 

示例2：

 

parseFloat()：该函数只能解析10进制，所以没有第二个参数。会将带有小数点的字符串转换为小数。

 

 

string数据类型

string就是字符串数据类型。在JavaScript里面，字符串既可以用单引号也可以用双引号

 

字符串内容本身如果含有单引号，那么外层就必须是双引号，如果内容本身是双引号，外层就需要是单引号

 

如果想内容和外层都是单引号或者双引号，那么就需要加上转义字符

 

字符串数据类型非常的霸道。只要字符串数据类型和其他数据类型一相加，就都变为了字符串数据类型

 

最终i的数据类型变为了string。

所以，这里有一个技巧，如果想让其他数据类型变为字符串数据类型，只需要加一个空字符串就可以了。

 

toString()：就是将其他数据类型转换为字符串数据类型（但是不能转换null和undefined）

 

String()：5种数据类型都可以转换为string类型

 

 

运算符

1. 一元运算符

只能操作一个值的操作符就被称为一元运算符。自增和自减就是典型的一元运算符。

a++（a--）和++a（--a）

a++：先进行运算，然后再自增1

++a：先自增1，然后再参与运算

 

在JavaScript里面，自增自减不仅仅局限于数值，其他类型也可以。

如果是一个包含有效数字的字符串，会先将其转换为数字，再执行加1或者减1的操作。字符串变量变为了数值变量。

 

如果运用于一个包含字母的字符串的时候，会被转换为NaN

如果是布尔值false，会被转换为0，然后再执行加1或者减1的操作。最终得到的数据类型number型

 

如果是布尔值true，会被转换为1，然后再执行加1或者减1的操作。最终得到的数据类型number型

浮点型数据，和数学计算一样。

 

 

2. 布尔运算符

1）非

非真即假，非假即真，相当于一个取反的过程。

2）与

就是两个条件都要满足。在JavaScript中，与运算符存在短路现象。第一个操作数为假的话，就不会再对第二个操作数进行判断。

与操作符不一定返回的是真或者假，而是返回第二个操作数

 

如果第一个操作数是null，则返回null

如果第一个操作数是NaN，则返回NaN

如果第一个操作数是undefined，则返回undefined

3）或

或运算符也存在短路现象，如果第一个操作数为真，那么就不会再对第二个操作数进行判断。

如果两个都为真，则返回第一个操作数

 

如果都是null，则返回null

如果都是NaN，则返回NaN

如果都是undefined，则返回undefined

 

3. 乘性运算符

1）乘法

 

2）除法

3）取模

所谓取模，就是取一个数的余数

 

4. 加性运算符

1）加法

着重强调：字符串数据类型和其他类型进行相加时，最终得到字符串数据类型

2）减法

JavaScript里面会进行自动的数据类型转换。

 

5. 关系运算符

大于，小于，大于等于，小于等于

如果是数的比较，那就不用说了

 

主要需要注意：字符串之间的比较，是按照ascii进行比较的。

 

如果是字符串和数字进行比较，如果字符串是有效数字，那么会将字符串转换为数字

 

如果是字母，那么会先将其转换为NaN

 

 

6. 相等运算符

1）==和！=

1. null和undefined是相等的。

2. 如果有一个操作数是NaN，那么返回false，另外NaN也不等于自己本身

3. 如果是数字的字符串和数字进行比较，会先将字符串转换为数字

4. 布尔值里面true转为1，false转为0

 

2）===和！==

数值和数据类型都必须相等才会为true，否则为false

 

 

7. 条件运算符

条件运算符又被称为三元运算符或者三目运算符

语法：  变量 = 表达式1 ？ 表达式2 ： 表达式3

 

 

8. 赋值运算符

=：和数学里面的=不一样，这里代表赋值。

*=

/=

+=

-=

%=

 

 

9. 逗号运算符

使用逗号运算符可以在一条语句中执行多个操作。

 

逗号运算符总会返回表达式的最后一项。

 

语句

① 判断语句

if语句的单分支情况

if（条件）

{

//代码

}

 

if语句的双分支情况

if（条件）

{

//代码

}

else{

//代码

}

if语句的多分支情况

if（条件）

{

//代码

}

else if{

//代码

}

else if{

//代码

}

else{

//代码

}

多分支的if语句存在一个跳楼现象

 

 

② 循环语句

1. for 循环

for（表达式1;表达式2;表达式3）

{

//代码

}

 

//如果有什么冲突请见谅。