JavaScript (1)

一 JavaScript

JavaScript是用来生成页面特效的client（前端）编程语言。

1. 页面特效： 轮播图 表单校验
2. client 运行在浏览器中
3. 编程语言 独立的语言，有自己的语法体系

注意：

1. JavaScript跟Java没关系
   ECMAScript 标准 JavaScript实现
2. JS存在浏览器兼容性问题

二 第1个JavaScript程序

1. 搭建环境

①. 新建一个html文件或者jsp文件
②. js代码必须定义在

2. 编码
   

注意：
我们开发js代码的时候要时常观察js的控制台。f12可以打开浏览器的开发者平台。这个平台里面就有js的控制台。console.log();可以打印信息到控制台。

三 JavaScript的语法内容

四 变量和数据类型

JavaScript的简单类型：
number 数字类型
string 字符串类型 String s =“abc”; String s = ‘abc’;
boolean 真假类型 true | false
0 => false 非0 => true
null => false 非null => true

五 运算符

1. 数学运算符
   + - * / %
2. 赋值运算符
   = += -= *= /= %=
3. 自增自减
   ++ –
4. 比较运算符

> 、< 、 >=、 <= 、== 、 != 、 ===、 !== 、 === 比较内容并且比较类型
== 比较内容，类似于Java中equals

5. 逻辑运算符
   && || !
6. 三元运算符 boolean值? 值1:值2
7. typeof 值获取一个值的类型
   

六 条件分支 + 循环结构

if(条件){

}

if(条件){

}else{

}

switch(值){
case 值1：
case 值2:
default :
}

while(){

}
do{

}while();

for(; ; ){

}

七 函数

函数进阶：

1. 函数调用 实参列表可以和形参列表不一致

2. 函数是值
   值的2个常见用法：
   ① 赋值给变量
   
   ② 做函数实参
   
3. 函数中可以嵌套定义函数
   
4. 匿名函数
   

八 面向对象

JSON（JavaScript Object Notation）js对象形式

var o = {};//var o = new Object();
o.name="xiaohei";
o.age = 18;
o.say = function(){
	console.log(this.name+"-"+this.age);
};
o.study = function(hours){
	console.log(this.name+"学习了"+hours+"小时");
};

var o = {
	name:"xiaohei",
	age:18,
	say:function(){
		console.log(this.name+"-"+this.age);
	},
	study: function(hours){
		console.log(this.name+"学习了"+hours+"小时");
	}
};

九 常用的类库

1. Array 数组
   ① 创建数组
   
   ② 访问数组元素
   
   ③ 遍历
   

2. String 是 string的包装类型
   

3. Number 是number的包装类
   Number.parseInt(数据);
   Number.parseFloat(数据);
   Number.isNaN(数据);//判断一个数是不是NaN（非数）

   判断一个字符串数据是不是数字格式的数据时：
   先调用parseXxx()然后再调用isNaN()方法
   var s = “abc”;
   var a = Number.parseInt(s);
   Number.isNaN(a);//true

   Number.isNaN(s);//false isNaN不能直接判断字符串

4. Date
   
   注意：getMonth()月份从0开始

5. Math
   random() //返回0~1范围内的随机数