本文共 2305 字，大约阅读时间需要 7 分钟。

一. JavaScript基础

1. JS简介

2. JS编写的位置

(1). 在HTML标签的事件属性中直接添加脚本

结果：

(2). 使用script标签插入脚本

语法：

举例：

(3). 使用script标签链接脚本文件

新建一个脚本文件以.js为扩展名的文件里，然后在需要使用的时候在html页面里面引用该文件

基本语法：

举例：

    
       
               
   
        
        
   
link.js文件function show(){
       alert("欢迎来到JavaScript世界！")}

3. JS基本语法

(1). 标识符和关键字

(2). 直接量(字面量)和变量

(3). 数据类型

1. 数字类型(Number)

2. 字符串类型

3. 布尔类型

4. null和undefined类型

5. 数据类型转换

6. 对象类型（Object）

基本数据类型缺点：

基本数据类型都是单一的值："hello" 123 true值和值之间没有任何的联系

在JS中来表示一个人的信息（name gender age）：

var name = “孙悟空”； var gender=“男”； var age=18； 如果使用基本数据类型的数据，我们所创建的变量都是独立，不能成为一个整体。

对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性

(1). 对象的分类

1. 内置对象（内建对象）

由ES标准中定义的对象，在任何的ES的实现中都可以使用

ES是国际标准化组织发布的浏览器脚本语言的标准，全名：ECMAScript。

• Math对象
• String对象
• Number对象
• Boolean对象
• Function对象
• Object对象
• Array对象
• Date对象

2. 宿主对象

由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象

• BOM对象
• DOM对象

3. 自定义对象

由开发人员自己创建的对象

(2). 对象的基本操作

1. 创建对象

var obj = new Object();

使用new关键字调用的函数，是构造函数constructor构造函数是专门用来创建对象的函数

console.log(typeof obj);

使用typeof检查一个对象时，会返回object

在对象中保存的值称为属性

向对象添加属性 语法：对象.属性名 = 属性值

对象的属性名不强制要求遵守标识符的规范，但是尽量按规范去//向obj中添加一个name属性obj.name = "孙悟空"//向obj中添加一个gender属性obj.gender = "男"//向obj中添加一个age属性obj.age = 18

此时对象里面有三个属性值

以上方式可能比较麻烦，我们也可以使用对象字面量创建一个对象：

2. 读取对象中的属性

语法：对象.属性

如果读取对象中没有的属性，不会报错而是会返回undefined

如果需要使用特殊的属性名，不能采用.的方式来读取操作 需要使用另一种方式

语法：对象["属性名"] = 属性值，读取时也需要采取这种方式

使用[ ]这种方式去操作属性，更加灵活，在[ ]中可以直接传递一个变量，这样变量值是多少就会读取那个属性

obj["123"] = 789;obj["nihao"] = "你好"var n = "nihao"; 	n的值可以变换console.log(obj[n]);

3. 修改对象的属性值

语法：对象.属性名 = 新值

属性值

JS对象的属性值，可以是任意的数据类型,甚至是一个对象

obj.test = true;obj.test = null;obj.test = undefined;

判断一个对象里面是否有某个属性：使用in运算符

如果有返回true ，否则返回false

语法：“属性名” in 对象

console.log("test" in obj);console.log("name" in obj);

4. 删除对象的属性

语法：delete 对象.属性名

7. 基本数据类型和引用数据类型

(4). 运算符和表达式

1. 算术表达式

2. 关系表达式

3. 逻辑表达式

4. 赋值表达式

5. 条件表达式

6. 其他运算符

7. 运算符的优先级和结合性

(5). 语句

1. 表达式语句

2. 声明语句

3. 条件语句

4. 循环语句

5. 循环终止语句和退出语句

6. 注释语句

(6). 函数

(7). 事件处理

(8). 正则表达式

转载地址：http://sqxzi.baihongyu.com/