javascript的基本语法

1. HTML里面加入JavaScript

方法非常简单,就是通过成对的script标签,然后在script标签里面书写我们的JS代码

 

 

2. 标签位置

按照官方的说法,js代码写在HTML文档的任意位置都可以。按照传统的方法。就是写在head标签里面:

 

但是写在这里有一个问题:由于我们的页面在浏览器中呈现的时候是由上往下进行渲染的。这样会导致呈现页面的时候出现延迟,从而给用户呈现一片空白,用户体验不好。所以,现在的方法,script都是放在body的里面,元素的后面

 

 

3. 外部JS文件

① 符合web标准,结构,样式与行为进行相分离

② 可维护性高

③ 可以缓存:例如有两个HTML文件(AB)都是用到同一个JS文件。当用户请求A页面的时候,A页面的HTMLJS被下载到用户本地。当用户再次请求B页面的时候,只需要下载B页面的HTML文档,因为JS文件已经有了。

 

 

4. JavaScript语法

1JavaScript区分大小写

testTest不是同一个东西

2)标识符

JavaScript里面的标识符由数字,字母,下划线(_)还有$组成,不能以数字开头

3JavaScript注释

支持单行和多行注释

 

 

4)关键字

所谓关键字:就是系统定义好了的,有特殊功能的标识符。我们不能够使用关键字来作为我们的标识符

保留字:就是储备干部。所谓保留字,就是还没有正式成为关键字,但是在下一个版本有可能成为关键字的标识符。我们也不能用保留字来作为我们的标识符

 

5)变量

JavaScript是弱类型语言,在申明变量的时候不需要申明数据类型, 只需要一个var就可以了。

 

 

6JavaScript里面的数据类型

JavaScript支持5种简单的数据类型:undefinednullnumberstringboolean

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

 

弹出undefined

 

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

 

boolean:布尔类型

布尔类型的值只有两个:truefalse。这两个值是区分大小写的

 

number类型:这个数据类型包含整数和实数还有,NaN

整数:分为正整数和负整数

 

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

 

无论几进制,参与运算后都以十进制输出

 

输出效果:

 

 

实数:所谓实数,通俗的来讲,就是小数,又被称之为浮点数。我们的浮点数有两种表现方式:小数型,科学计算型

 

 

数值范围:由于我们的内存有限,所以不可能保存所有的数

 

 

 

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

 

效果:

 

 

NaN:英语全称为Not a number:表示不是一个数

① 任何一个数和NaN进行操作的话,返回的会是NaN

最终输出NaN

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

 

isNaN():判断一个数是否不是一个数

 

 

数值转换的3个函数:number()parseInt(),parseFloat()

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

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

如果是数字,该是多少就是多少

如果是一个null,会被转换为0

如果是一个undefined,会被转换为NaN

 

字符串转数字:

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

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

如果字符串有字母:那么将会被转换为NaN

如果字符串是八进制,那么会忽略前面的0,但是如果是十六进制,那么会转为相应的十进制。

 

 

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

 

事实上parseInt()接收两个参数,第二个参数指定将其转换为几进制

 

示例二:

 

 

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

 

 

string数据类型:就是我们的字符串数据类型

1)在JavaScript里面,字符串可以使用双引号,也可以使用单引号,没有任何区别。

 

2)如果字符串里面本身就含有单引号或者双引号,那么外层就需要和里面的相反

 

当然我们也可以使用转移字符,如下:

 

字符串数据类型非常的霸道,任何数据类型和字符串一相加,最终得到字符串数据类型

 

最终得到的肯定是string数据类型

 

还有一种方法也可以将其他数据类型转换为string,通过toString()toString()这个函数是转换nullundefined以外的数据类型。

 

最终也会被转换为string数据类型

toString()可以接受两个参数,可以指定将数值转换为多少进制

 

String()函数:可以将5种数据类型都转换为字符串数据类型。

 

 

运算符

① 一元运算符

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

a++a--)和++a--a)的区别

a++:先参与运算,然后再自增1

++a:先自增1,然后再参与运算

 

JavaScript里面,自增和自减并不能仅仅局限于数值,其他类型也可以。

1)如果一个字符串包含有效数字,那么先将其转换为数字,然后再执行加1或者减1的操作。字符串变量变为了数值数据类型。

2)如果字符串里面包含有字母,那么将变量的值转换为NaN,字符串变量变为数值数据类型

3)遇到布尔值false时,转换为0

4)布尔值true的时候,转换为1

5)如果是浮点数,那么计算和数学是一样的

 

② 布尔运算符

1)非

非真即假,非假即真

 

2)与,用两个&&来表示与,在JavaScript里面,&&存在短路现象。所谓短路现象,就是当第一个操作数(表达式)为假的时候,就不会再对第二个操作数(表达式)进行判断。

与操作符不一定返回真假,如果两个都为真,会返回第二个操作数

 

1. 如果第一个操作数是null,则返回null

2. 如果第一个操作数是NaN,则返回NaN

3. 如果第一个操作数是undefined,则返回undefined

 

3)或,或操作符用||来表示。或也存在短路现象。也就是说,如果第一个操作数(表达式)是真,那么就不会再去判断第二个操作数(表达式)

或的返回值是真的那个值,如果两个都为真,那么返回第一个操作数

 

1. 如果有真的,那么返回真

2. 如果两个都为真,则返回第一个操作数

3. 如果两个数都是null,则返回null

4. 如果两个数都是NaN,则返回NaN

5. 如果两个数都是undefined,则返回undefined

 

③ 乘性运算符

1)乘法

 

2)除法

JavaScript里面的除法可以得到小数

 

这一点和C语言不一样,需要注意!

 

3)取模

所谓取模,就是取余数

 

一个数对比自己大的数取模,才会得到自己本身

 

 

④ 加性运算符

1)加法

加法需要着重强调:如果是普通数相加,那么就是简单的数值相加,但是如果是字符串相加,则表示字符串拼接

 

2)减法

普通的减法操作。但是需要注意:JavaScript里面会自动的进行数据类型转换

 

⑤ 关系运算符

大于小于,大于等于,小于等于

 

字符串的关系比较:是按照ASCII码来进行比较的

 

一个是数字,一个是字符串:

如果是含有有效数字的字符串,那么首先会将字符串转换为数字,如果不是有效的字符串(包含了字母)那么会将其转换为NaN

 

posted @ 2017-03-26 21:41  兔子不吃青菜  阅读(183)  评论(0编辑  收藏  举报