1. JS基本概念
网景和sun联合开发javascript
javascript 三个部分：ECMAScript 语法 DOM(document object model) BOM(browser object model)
2. ECMAScript语法
如何引用js代码？
第一个引入方式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
alert(123)
</script>
</head>
<body>
</body>
</html>
第二种方式：将js代码存放到一个外部的js文件中.
变量和基本用法
定义变量：先声明变量使用var关键字,再为变量赋值，使用分号结尾。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var x;
x=10;
alert(x);
var y=11;
</script>
</head>
<body>
</body>
</html>
注意：变量命名规范，命名格式，注释。
注释方式：// 单行 /* */ 多行注释
打印：console.log(变量名,typeof 变量名)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var x=10;
var y="yangjianbo";
var z=3.14;
console.log(z,typeof y);
</script>
</head>
<body>
</body>
</html>
数据类型
number类型
字符串类型
布尔类型
undefined: 当一个变量只声明未赋值，则该变量类型为undefined，值为undefined.
当函数没有返回值的时候，默认返回一个undefined.
例子：类型为undefined,值也为undefined
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var x=10;
var y="yangjianbo";
var z=3.14;
var a;
console.log(a,typeof a);
</script>
</head>
<body>
</body>
</html>
运算符
算术运算符 + - * / // % ++ --
++相当于+=1
--相当于-=1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var x=10;
x++;
console.log(x);
</script>
</head>
<body>
</body>
</html>
注意：x++与++x的不同。
两个结果都是一样的。
但是有返回值的时候，就不一样了。
res=x++,返回值res为10，x为11.先赋值再计算
res=++x,返回值res为11，x为11.先计算再赋值.
比较运算符 >= <= != == ===
var x=10;
var y='10';
console.log(x==y);
返回的结果：true
== 会自动把y的值转换为数字。
var x=10;
var y='10';
console.log(x===y);
=== 全等于， 不会转换数据类型。
逻辑运算符： && || ! 与 或 非
赋值运算符： += -+ = *= /=
字符串运算符： + 拼接字符串
流程控制
顺序执行：代码都是顺序执行
分支执行：
if分支
if (表达式) {语句体} else {语句体}
例子：
var x=50;
var y=50;
if (x>y) {
console.log(x);
}
else if (x=y){
console.log('OK');
}
else {
console.log('y')
}
switch分支
swith (表达式) {
case 值1:语句体;break;
case 值2:语句体;break;
case 值3:语句体;break;
}
例子：
var week=2;
switch (week){
case 1:alert("星期一");break;
case 2:alert("星期二");break;
case 3:alert("星期二");break;
}
循环执行：for while 都是条件循环
while (表达式){
语句体
}
例子:
var x=0
while(x<10){
console.log("OK");
x+=1;
}
for (表达式){
语句体
}
例子：
for (var i=0 ;i<10;i++){
console.log("OK");
}
三要素：初始变量，条件，自增或自减
这是for的条件循环
var x=[1,2,3];
for (i in x){
console.log(x[i]);
}
这是for循环的遍历循环。
var x=[1,2,3,8888];
for (var i=0;i<x.length;i++){
console.log(x[i]);
}
推荐使用条件循环的方式。
对象
字符串对象
x.length 字符串长度
x.toUpperCase() 改成大写
x.indexOf('e') 找到字符e的索引是多少
x.substr() 第一个参数开始位置，第二个参数长度
x.substring() 第一个参数开始位置，第二个参数结束位置
数组对象
var arr=[1,2,"aaa","bbbb",[2,3,4]];
console.log(arr,typeof arr);
join方法
reverse方法
sort方法
slice方法 slice(2,4) 2为开始索引，4为结束索引
push方法 在结尾后面插入数据
pop方法
shift方法
unshift方法 在开始位置插入数据
时间对象
函数
面向对象