一、JavaScript简介
1、定义：
JavaScript是一种基于对象和事件驱动、且可以与HTML标记语言混合使用的脚本语言，其编写的程序可以直接在浏览器中解释执行
2、特点：
1、是一种解释性脚本语言（代码不进行预编译）。
2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行
3、用法：
1.一般情况下，在<body>标签的最下方添加<script>标签，在<script>标签书写javascript
例：<script>
代码块;
</script>
2.一般情况下，在<head>标签中添加<script>标签，通过设置<script>标签的src属性来引入一个".js"文件
例：<script src="***.js"></script>
3.直接标签中的事件中写js代码
例：
<div onclick="
代码块;
</div>
注意：如果一个script引入了一个js文件，则不能再该标签中填写其他的js代码
二、JavaScript基础语法
一、变量
1、定义
1.使用var关键字定义
2.其他定义方式和java没啥区别
2、变量的类型
1.全局变量：在js中没有定义在方法内部的变量，称之为全局变量
（在非严格模式下）在js的方法中，不添加var的变量也是全局变量
2.局部变量：在js中定义在方法内部的变量，称之为局部变量
3、变量的命名规则
1.和java一模一样
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量））
4、数据类型：可以通过typeof 获取数据类型
1.undefined （无值的变量）
定义时，未赋值
2.null
定义赋值为null
3.boolean
赋值为true 或 false
4.string （字符串）
用双引号或单引号赋值
5.number （数字）
1)整数型
2)浮点型
3)NaN
4)Infinity / -Infinity （无限大）
6.object （对象）
大部分情况new出来的对象都是object
5、手动数据类型的转换
1.String()
2.Number()
3.Boolean()
二、流程控制语句
一、条件语句
1、if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
例：if (条件) {
只有当条件为 true 时执行的代码
}
2、if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
例：if (条件) {
只有当条件为 true 时执行的代码
}else{
条件不为 true 时执行的代码
}
3、if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
例：if (条件 1) {
当条件 1 为 true 时执行的代码
}else if (条件 2) {
当条件 2 为 true 时执行的代码
}else{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
4、switch 语句 - 使用该语句来选择多个代码块之一来执行
例：
switch(n){
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}
三、数组
一、定义
一组数据的容器，称之为数组，结构上类似于java中的List。
二、数组的创建
1.var arr = new Array() 创建一个空数组
2.var arr2 = new Array([size]) 创建一个大小为size长度的数组
3.var arr3 = new Array([ele1,ele2,...,eleN]) 创建一个含有若干元素的数组
4.var arr4 = [ele1,ele2,...,eleN]; 创建一个含有若干元素的数组
三、操作对象的属性和方法
属性：
1.length 表示数组的长度（数组中元素的个数），length属性可以修改，利用length=0清空数组
方法：
1.concat() 拼接数组
2.join(opt) 返回一个字符串，以opt为连接符，返回所有数组中的元素
3.push(ele) 往尾部添加一个元素，返回数组长度
4.pop() 从尾部取出一个元素，返回元素本身
5.unshift(ele)往头部添加一个元素，返回数组长度
6.shift()从头部取出一个元素，返回元素本身
7.reverse() 翻转数组，返回一个新的数组
四、流程控制语句
一、条件语句
1、if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
例：if (条件) {
只有当条件为 true 时执行的代码
}
2、if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
例：if (条件) {
只有当条件为 true 时执行的代码
}else{
条件不为 true 时执行的代码
}
3、if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
例：if (条件 1) {
当条件 1 为 true 时执行的代码
}else if (条件 2) {
当条件 2 为 true 时执行的代码
}else{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
4、switch 语句 - 使用该语句来选择多个代码块之一来执行
例：switch(n){
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}
二、循环语句
1、for - 循环代码块一定的次数
例：
for (语句 1; 语句 2; 语句 3){
被执行的代码块
}
语句 1 在循环（代码块）开始前执行
语句 2 定义运行循环（代码块）的条件
语句 3 在循环（代码块）已被执行之后执行
2、for/in - 循环遍历对象的属性
例：var person={fname:"John",lname:"Doe",age:25};
for (x in person) {
txt=txt + person[x];
}
3、while - 当指定的条件为 true 时循环指定的代码块
例：while (条件) {
需要执行的代码
}
4、do/while - 同样当指定的条件为 true 时循环指定的代码块
例：do{
需要执行的代码
}while (条件);
三、Break 和 Continue 语句
break 语句用于跳出循环。
例：for (i=0;i<10;i++) {
if (i==3){
break;
}
x=x + "The number is " + i + "
";
}
continue 用于跳过循环中的一个迭代。
例：for (i=0;i<=10;i++) {
if (i==3) continue;
x=x + "The number is " + i + "
";
}
网友评论