1-JavaScipt基础概念
JavaScript
概念
一门客户端脚本语言(客户端指运行在客户端浏览器中,每一个浏览器都有JavaScript解析引擎。脚本语言指不需要通过编译,直接就可以被浏览器解析执行)
功能
用来增强用户和HTML页面交互过程,可以控制HTML元素,让页面有一些动态的效果(与动态资源无关),增强用户体验
基本语法
与HTML结合方式
1. 内部JS
通过定义标签实现,标签内容就是js代码。
2. 外部JS
同样通过定义实现,通过src属性引入外部文件
实例:
1 |
|
注释
注释方式与Java完全一样
- 单行注释:
//注释内容
- 多行注释:
/*注释内容*/
数据类型
原始数据类型(基本数据类型)
- number:包括整型/小数/NaN(Not a Number 一个不是数字的数字)
- string:更类似于Python中的定义,可以用单引号或双引号表示
- boolean:true或false
- null:一个空对象的占位符
- undefined:未定义。如果一个变量没有赋给初值,默认值为undefined
引用数据类型
即对象
变量
一小块存储数据的内存空间
Java语言是强数据类型语言,在定义变量时必须指定变量的数据类型,并且之后也不能在该内存空间存放其他类型的值。
JavaScript是弱类型数据语言,在定义变量时不需要指定变量的数据类型,之后也可以根据情况,任意修改该内存空间上的数据类型
定义语法
1 | var 变量名 = 值; |
可以通过typeof()函数查看变量数据类型
运算符
运算符与Java基本一致
在JS中,如果运算数不是运算符要求的数据类型,那么JS引擎会自动进行数据转换
- String转number:如果string是数字,则按照字面值转换,如果不少,则转为NaN
- boolean转number:true转1,false转0
- number转boolean:除了0和NaN都是true
- String转boolean:除了空字符串””都是true
- null和undefined转boolean:都是false
- 对象转Boolean:都是true
1 | /* |
JS同样支持 ? : 这种三元运算符
几点注意
- 每行末尾以分号;作结,但在一行只有一条语句的情况下分号;可以省略(不建议省略)
- 定义变量时前面的var可加可不加
- 加:变量为局部变量
- 不加:变量是全局变量(同样不建议使用,代码可读性差)
流程控制语句
基本与Java完全一致
- if/else
- switch/case
- while
- for
- do while
对象
Function对象
1 | /* |
Array数组对象
1 | /* |
Date日期对象
1 | /* |
Math数学对象
1 | /* |
正则表达式对象
简单的正则表达式
1 | /* |
Global全局对象
全局对象,这个对象中封装的方法不需要对象可以直接调用
- encodeURI():url编码
- decodeURI():url解码
- encodeURIComponent():url编码
- decodeURIComponent():url解码
- parseInt():将字符串转为数字(比直接强转功能更强大,该方法会逐一判断每一个字符是否是数字,直到不是数字为止,将前边的字符转为number)
- isNaN():判断一个变量是否为NaN
- eval():将JavaScript字符串转为JS脚本来执行
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment