我的前端学习6

js输出语句：

第一种：使用 window.alert() 弹出警告框

           使用alert，弹出警告框，警告框中的内容就是alert中写的内容针对alert方法，隐含对象window

           每个方法前面都必须使用对象来调用方法

           如果没有看见对象，只看见了方法的调用，那么前面一定有隐含对象

 

第二种：

           使用 document.write() 方法将内容写到 HTML 文档中。

 

第三种：最常用输出语句

           使用 console.log() 写入到浏览器的控制台。

 

 

js语法：

1.js中的注释：跟java类似

        单行注释：//

        多行注释：/**/

 

2.js严格区分大小写

 

3.js中的字面量：我们能够直接看到的数据或值都可以称为字面量

声明一个变量

使用var来声明一个变量。

注意：不管是什么数据类型都可以使用var来进行接收

 

4.js中的标识符：

①.由字母、数字、_、$组成

②.数字不能开头

③.标识符不能是关键字或保留字

④.必须满足驼峰命名法

 

 

js数据类型：

一，基本数据类型：

1. null:

当一个变量声明为null的时候,可以把这个变量看成一个是以后会被声明为一个其他对象的变量

只有一个值。就是null

注意：使用typeof检查null的时候，会返回object类型

复杂数据类型：

 

2.undefined:

当只声明了一个变量，并没有给其赋值的时候，那么这个变量的默认值就是undefined

只有一个值，就是undefined

 

3.string：字符串。

 

4.转义字符

\t:制表符

\n:换行

5.字符串的拼接：+

注意：只要是做字符串的拼接，其中只要有一个为字符串，那么拼接的结果一定为字符串

 

6.number:数值类型

不管是整型、浮点型在js中都用number进行保存

特殊值

最大值--Number.MAX_VALUE

最小值--Number.MIN_VALUE

注意：最大值和最小值只是针对于正数而言

无限大:Infinity

无限小:-Infinity

NaN--not a number

注意：虽然NaN代表不是一个数字，但是一旦使用typeof进行数据类型的检查也会返回一个number类型

 

 

js数据类型转换：

1.其它数据类型转换为string

第一种方式：使用toString()方法

除了null和undefined，其它两种数据类型都转换为对应的字符串

第二种方式：使用String()方法

其它的所有数据类型都可以转换为字符串

原本的值加上引号就可以了

 

2.其它数据类型转换为boolean

通过Boolean()来进行其它数据类型转换为布尔值

null--->false

undefined--->false

string--->boolean

空字符串--->false

非空字符串--->true

number--->boolean

普通数字--->true

0--->false

NaN--->false

 

3.其它数据类型转换为number

方式1:可以通过Number()将其它数据类型进行转换为number

null--->0

undefined--->NaN

string--->number

空字符串--->0

全数字字符串--->对应的数字

非全数字字符串--->NaN

boolean--->number

true--->1

alse--->0

方式2：parseInt()、parseFloat()

专门用来操作字符串的

如果传入的值不为字符串，那么首先会调用String()将其转为对应的字符串，然后再进行操作

parseInt():从字符串的第一个位置开始找，如果第一个位置是数字，然后找到从第一个

parseFloat():从字符串的第一个位置开始找，如果第一个位置是数字，然后找到从第一个

 

js中的运算符：

1.js中的算术运算符：

+ ， - ，* ，/ ，% ，++ ，--

前++：先运算，再赋值

后++:先赋值，再运算

如果操作的两个数其中一个为string,那么就会变成字符串的拼接

 

2.赋值运算符：

>=,<=,>,<,!=,==,===,!==

===：全等于。值和类型都一致的时候，才返回true

如果比较的两个数都为string，那么比较的则是两个string的ASCII码

 

3.逻辑运算符

！ && || & |

短路&&跟逻辑&的区别

短路与:只要第一个表达式的值为false，那么就不进行后面表达式的判断了，直接返回false

逻辑与：不管第一个表达式的值为false还是true,都需要把所有的表达式都判断一遍

在进行逻辑运算的时候，会将其余数据类型转换为boolean类型

 

js中的条件判断语句：

第一种：if....else

第二种：switch...case

如果在case中不加break，那么会从匹配的第一个case开始，运行后面所有的case

如果只想要运行匹配的case，那么就必须给每个case添加break

如果每个都不匹配，可以自定义default来提示每个都不满足，而且default必须

加上break，因为default的位置是随意的

 

js中的循环语句：

第一种：for循环

语法：for(初始条件;判断语句;迭代语句){}

无限循环：for(;;){}

第二种：while

语法

初始条件

while(判断语句){

迭代语句

}

第三种：do..while

语法：

初始条件

do{

迭代语句

}while(判断语句)

注意：do..while语句不管判断语句是否满足，至少会执行一次

第四种：js中的循环嵌套语句

语法：

for之中在嵌套一层for

while之中在嵌套一层while

 

js中的break和continue：

break可以在switch和循环语句中使用

break用来结束当前循环

continue只能在循环语句中使用

continue用来结束当次循环

如果有多层嵌套循环，可以给外层的for添加一个标志位，

然后在使用break或者continue的时候，可以使用这个标志位进行结束外层for循环