js基本用法

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）

{

//代码

}

 

//若是有什么冲突请见谅。