JavaScript语法基础
语法简介
JavaScript是众多计算机语言(也叫编程语言)中的一种
JavaScript有如下7种基础语法:
- 常量与变量
- 数据类型
- 运算符
- 表达式与语句
- 类型转换
- 转义字符
- 注释
常量与变量
在JavaScript中,每一条语句都以英文分号(;)作为结束符。
变量
在JavaScript中,只能用var来定义一个变量
变量的命名规则:
- 变量由字母,下划线, 或 数 字 组 成 , 并 且 第 一 个 字 母 必 须 是 字 母 , 下 划 线 或 或数字组成,并且第一个字母必须是字母,下划线或 或数字组成,并且第一个字母必须是字母,下划线或
- 变量不能是系统关键字和保留字
JavaScript关键字:
break | else | new | typeof |
---|---|---|---|
case | false | null | var |
catch | for | switch | void |
continue | function | this | while |
default | if | throw | with |
delete | in | true | |
do | instanceof | try |
ECMA-262标准的保留字:
abstract | enum | int | short |
---|---|---|---|
boolean | export | interface | static |
byte | extends | long | super |
char | final | native | synchronized |
class | float | package | throws |
const | goto | private | transient |
debugger | implements | protected | volatile |
double | import | public |
浏览器定义的保留字
alert | eval | location | open |
---|---|---|---|
array | focus | math | outerHeight |
blur | funtion | name | parent |
boolean | history | navigator | parseFloat |
date | image | number | regExp |
document | isNaN | object | status |
escape | length | onLoad | string |
变量的使用:
- 变量的声明
- 变量的赋值
所有的JavaScript变量都由var声明
语法:
var 变量名 = 值;
一个var也可以同时声明多个变量名,其中,变量名之间必须用英文逗号隔开
常量
常量是不能变化的量,一般情况下,常量名全部采用大写形式。
数据类型
数据类型可以分为两种:
- 基本数据类型
- 引用数据类型
基本数据类型:有五种,数字,字符串,布尔值,未定义值,空值
引用数据类型:只有一种,对象
数字
在JavaScript中的数字是不区分整型和浮点型的。
字符串
字符串是由英文单引号或英文双引号括起来的
布尔值
布尔值只有两个值:true(真)和false(假)
布尔值的最大用途是:选择结构的条件判断
未定义值
未定义值指的是,一个变量已经用var声明了,但没有对这个变量进行赋值,此时该变量的值就是“未定义值”,“未定义值”用undefined表示。
空值
在JavaScript中,空值用null表示。
如果一个变量的值等于null,“var = null”,表示 没有给变量分配内存空间
运算符
常见的运算符分为5种:
- 算数运算符
- 赋值运算符
- 比较运算符
- 逻辑运算符
- 条件运算符
算术运算符
算术运算符:
运算符 | 说明 |
---|---|
+ | 加 |
- | 减 |
* | 乘 |
/ | 除 |
% | 求余 |
++ | 自加 |
– | 自减 |
加法运算符的运算规则:
- 数字 + 数字 = 数字
- 字符串 + 字符串 = 字符串
- 数字 + 字符串 = 字符串
类型转换
在JavaScript中,共有两种类型转换:
- 隐式类型转换 ——> 自动 低——>高
- 显式类型转换 ——> 强制 高——>低
字符串转换为数字
由于字符串的优先性比数字高,所以将字符串转换为数字是强制类型转换
在JavaScript中,想要字符串转换为数字有两种形式:
- Number()
- parseInt()和parseFloat()
Number():可以将任何“数字型字符串”转换为数字。
parseInt()和parseFloat():可以提取“首字母为数字的任意字符串”中的数字,parseInt()会提取整数部分,parseFloat()不仅会提取整数部分,也会提取小数部分
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a = Number("2018") + 1000;
document.write(a + "<br/>");
a = Number("2018px");
document.write(a + "<br/>");
a = parseInt("100px");
document.write(a + "<br/>");
a = parseFloat("15.64px");
document.write(a + "<br/>");
</script>
</head>
<body>
</body>
</html>
将数字转换成字符串
有两种将数字转换成字符串的方法:
- 自动转换
- 用函数进行转换
自动转换的方法
var a = 100;
var b;
b = a + "";
用函数进行转换
var a = 100;
var b;
b = a.toString();
转义字符
常见转义字符:
转义字符 | 说明 |
---|---|
\ ’ | 英文单引号 |
\ ‘’ | 英文双引号 |
\n | 换行符 |
在网页不同的地方由不同的换行方式:
- 如果是在document.write()中换行,则应该用< br/ >
- 如果是在alert()中换行,则应该用\n
注释
单行注释和多行注释
语法结构:
// 单行注释
/**/多行注释