JS概述

• 核心（ECMAScript） 
• 文档对象模型（DOM） Document object model (整合js，css，html)
• 浏览器对象模型（BOM） Broswer object model（整合js和浏览器）

引入JS代码

JS基础

变量

数据类型

• Undefined 未定义
• Null 空
• Boolean 布尔值
• Number 数值
• String 字符串
• Object,本质上由一组无序的键值对构成

Undefined类型

Null类型

布尔类型

数字类型

字符串类型

var a = 334;
var b = a.toString();
b

Object类型

var person = {
    name:"cony",
    age:38,
    sexy:true
}

运算符

流程控制

函数

function f1(a,b){
return a+b
}

var sum = function(a, b){
  return a + b;
}
sum(1, 2);

function test(){
return arguments[0] + arguments[1];
}

内置对象和方法

var a = [1,2,3,4,5];
var b = new Array(11,22,33,44);

Object类型--自定义对象

var person  = {"name":"cony","age":4}
取属性
person.name  直接用属性名引用
person.age
person["name"] 方括号可以用变量来引用
遍历
for (var i in person){
console.log(i)}
动态添加属性
person.gender = "女"

Date对象

//方法1：不指定参数
var d1 = new Date();
console.log(d1.toLocaleString());
//方法2：参数为日期字符串
var d2 = new Date("2004/3/20 11:12");
console.log(d2.toLocaleString());
var d3 = new Date("04/03/20 11:12");
console.log(d3.toLocaleString());
//方法3：参数为毫秒数
var d3 = new Date(5000);
console.log(d3.toLocaleString());
console.log(d3.toUTCString());
//方法4：参数为年月日小时分钟秒毫秒
var d4 = new Date(2004,2,20,11,12,0,300);
console.log(d4.toLocaleString());  //毫秒并不直接显示

Json对象

var str1 = '{"name": "Alex", "age": 18}';
var obj1 = {"name": "Alex", "age": 18};
// JSON字符串转换成对象
var obj = JSON.parse(str1); 
// 对象转换成JSON字符串
var str = JSON.stringify(obj1);

Math对象

RegExp对象

// 建立正则表达式对象
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$");

// 校验是否匹配
var s1 = "bc123";
reg1.test(s1); # true

// 还可以直接用两个/包含正则表达式,就生成一个正则对象,直接可以进行测试.这个叫做字面量法
/^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test("bc134_32")

var s = "aceracrobat";
var s1 = s.replace("a","xxx");  # xxxceracrobat
//全部替换
var s2 = s.replace(/a/g,"xxx"); #正则后的g表示global,替换全部,类似于python的findall,这样就可以实现全部替换

变量和作用域

基本类型的值和引用类型的值

作用域

后记