函数，事件及对象

函数及事件

作用域
函数外边的变量是全局变量，可以在函数里面与外面使用

var num = 1;
function test(){
num++;
console.log(num);
}
console.log(num); // 2

函数内部的变量叫做局部变量，只能在局部(函数内部)使用

function test(){
var num1 = 10;
num1++;
console.log(num1);
}
test(); // 11
console.log(num1); // 报错，num1未定义

有一种情况比较特殊，函数内部声名（是名，不是声明的明）的变量也是全局变量

function test(){
num1 = 10;
num1++;
console.log(num1);
}
test(); // 11
console.log(num1); // 11

总结：

1. 函数外边使用的变量是全局变量，要在全局内找，可以是函数外部声名的变量也可以是函数内部的隐式声名的变量。
2. 函数内部使用的变量是局部变量，先从局部找，如果局部没有，再从全局中找。

个人总结：

1. 当在任何一个地方输出一个变量的时候，先在当前作用域中找，有没有定义过这个变量，如果有就输出，如果没有，就往上级作用域中找，如果找到了，输出，找不到，再往上一级作用域找，直到全局，全局找到了，输出的是全局变量，全局没有找到，报错
2. 当在任何一个地方输出给一个变量赋值的时候，先在当前作用域中找，有没有定义过这个变量，如果有就赋值，如果没有，就往上级作用域中找，如果找到了，赋值，找不到，再往上一级作用域找，直到全局，全局找到了，赋值的是全局变量，全局没有找到，在全局定义并赋值

递归函数
递归函数就是自身函数调用时，在自身内部调用自身函数

// 求10的阶和，即：10+9+8+…+1
function facSum(num){
if(num == 1){
return 1;
}
return num + facSum(num-1);
}
var res = facSum(10);
console.log(res); // 55

事件
时间就是用户在网页上的动作，例如：鼠标点击等等

事件三要素 : 事件源 + 事件名称 + 事件处理程序

• 事件源 : 触发事件的标签

• 事件名称 : 用户行类类型：鼠标类，键盘类，表单类，window

• 
  | 事件 | 备注 |
  | ----------- | -------------------------------- |
  | onclick | 当鼠标左键单击 |
  | ondblclick | 当鼠标左键双击 |
  | onmouseover | 当光标在指定的内容上面 |
  | onmouseout | 当光标离开指定的内容 |
  | onkeydown | 当键盘按下的那一刻 |
  | onkeyup | 当键盘抬起的那一刻 |
  | onfocus | 当输入框得到焦点 |
  | onblur | 当输入框失去焦点 |
  | onchange | 当指定的标签里面内容有变化的时候 |
  | onsubmit | 提交事件 |
  | onload | 当整个网页加载完成后 |

• 事件处理程序 : 事件触发后要执行的代码(函数形式 - 匿名函数)

语法：

标签.on事件类型 = function(){}

对象

引入

变量是一个容器，可以存储数据。给多个容器中放入商品，就可以得到很多商品，有很多的商品就可以开超市了。

可是超市中的商品都是放在货架上归类存放的，也就需要一个更大的容器来存放很多商品。在js中也有这样的容器，用来存放很多的小容器 – 对象。

在学习数据类型的时候，学习过对象这种数据类型，他的表现形式：

var arr = [];
var obj = {};
var none = null;

这三种不同的表现形式指的都是对象。今天重点学习第二种，使用大括号定义的对象。

定义对象

var obj = {};
var obj = new Object();

这是两种定义对象的方式，定义的对象都是空的。要给对象中放入值，需要知道对象存储数据的格式 - 键值对。

语法：

var obj = {
    键:值,
    键:值,
    ...
};
# 或
var obj = new Object({
    键:值,
    键:值,
    ...
});

语法规则：

1. 键，也叫作对象的属性，必须是字符串，但是这个字符串在不包含连字符的时候，可以不加引号 - 建议加上

2. 值可以是任意类型，包括：数字、字符串、布尔、对象、函数…

3. 键值对之间使用逗号隔开

4. 键值对之间没有顺序，先写哪个后写哪个没有关系

   下面提到的属性名指的就是键

例：对象可以用来存储一个人的信息

var obj = {
    "name":"张三",
    age:12,
    height:180,
    "province-name":"山东省"
};
console.log(obj);

输出这个对象：

访问对象

获取这个对象中的某个属性：

对象.属性名(键) # 这种方式的属性名不用加引号
# 或
对象['属性名(键)'] # 这种方式的属性名必须加引号

例：

var obj = {
    name:"张三",
    age:12
};
console.log(obj.name);
console.log(obj["age"]);

对象的属性名类似于变量名，只不过是定义在大括号中的变量，不会被大括号外部的变量名覆盖 - 不会被外部的变量污染。

遍历对象

遍历的意思就是将每一个值都访问一遍。

js提供了专门用来遍历对象的操作语法：

for(var 变量 in 对象){
    # 这里的变量代表对象属性名
}

例：

var obj = {
    name:"张三",
    age:12,
    height:180
};
for(var i in obj){ // 这里的i表示对象的属性名，是一个字符串
    console.log(obj[i]); // 必须使用中括号来输出
}

方法

对象的值可以是任意类型。函数也可以当做一种数据类型来看待。也就是说对象值也可以是函数。

如果对象的某个属性的值是一个函数，就可以将这个属性叫做对象的方法。

var obj2 = {
    name:'王五',
    study:function(){
		console.log("在学习");
    }
}
console.log(obj2);

方法的访问和属性是一样的：

obj2.study(); // 因为函数执行需要调用，所以需要加小括号

操作 - 增删改查

增，改语法一致，对象[‘键’] = 值(对象.键 = 值)
当对象中这个键不存在，就是增
这个键已经存在了，就是改

查 - 语法 - 对象.键(对象[‘键’])

删 - 语法 - delete 对象.键(delete 对象[‘键’])

给对象添加属性：

var obj = {};
console.log(obj);
obj.name = '李四';
obj["age"] = 12;
console.log(obj);

打印对象的结果：

如果设置的属性名是对象中已经存在的呢？

var obj = {
    name:"张三",
    age:12
}
console.log(obj);
obj.age = 15;
console.log(obj);