主要内容： this的使用方法 和 函数的简单介绍
## this
this: 谁用他 他指谁
## 自定义属性
某个元素上自己定义属性
## 自定义索引/下标
给每个元素添加自定义索引 赋值
## 函数 普通函数
由事件驱动的或者当它被调用时执行的可重复使用的代码块。
函数名起名规则 与 变量名 起名规则相同
【重点！】函数必须调用后才能使用，调用方法： 函数名()
1.声明函数
（定义函数 前后调用 都有效）
function 函数名(){}
2.表达式声明(先定义，在调用)
var 函数名 = function (){}
## 函数中的参数
函数参数： 形参，实参【可以多个，参数与参数之间用逗号隔开 ，但是是一 一对应】
function fn(x) { x是 形参 ==》 形式参数 未知数
}
fn(10); 10是 实参 ==》 实际参数 (类型：六大类型的任意一种都可)
## 函数名重名
函数名也不能重名，若重名，后者会覆盖前者
## arguments
arguments 是类数组[不是真正的数组，但拥有数组的功能，比如有长度，比如可以通过下标取用]。
只有函数才有arguments，表示实参的集合。
示例：
<script>
function fun(){
console.log(Array.isArray(arguments));
}
fun(10086,10010,'abc',false,{})
</script>
## this指向
this指向： 谁用他他指谁
1.谁都不用他时，他指向window对象
2.普通函数中打印this，他指向window对象
3.事件函数中，谁用他他指谁，指发生该事件的元素
4.写在对象的函数中，指向该对象
示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box{ width:100px; height:100px; background:violet; } </style> </head> <body> <div id="box"></div> <script> // 1.谁都不用他时，他指向window对象 // console.log(this); // 2.普通函数中打印this，他指向window对象 // function fun(){ // console.log(this); // } // fun(); // 3.事件函数中，谁用他他指谁，指发生该事件的元素 // var box = document.getElementById('box'); // box.onclick = function(){ // console.log(this); // } // 4.写在对象的函数中，指向该对象 var obj = { name:'luffy', age:17, fn:function(){ console.log(this); } }; obj.fn(); // obj </script> </body> </html>