函数与数组的知识点

【函数作用域
-调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁
每调用- -次函数就会创建一个新的函数作用域， 他们之间是互相独立的
-在函数作用域中可以访问到全局作用域的变量
在全局作用域中无法访问到函数作用域的变量

当在函数作用域操作一 个变量时，它会先在自身作用域中寻找，如果有就直接使用
如果没有则向上一级作用域中寻找，直到找到全局作用域，
如果全局作用域中依然没有找到，则会报错ReferenceError】

【作用域
-作用域指一个变量的作用的范围
-在JS中一共有两种作用域:
1.全局作用域
直接编写在script标签中的IS代码，都在全局作用域
-全局作用域在页面打开时创建，在页面关闭时销毁

在全局作用域中有一个全局对象window,
它代表的是一-个浏览器的窗口，它由浏览器创建我们可以直接使用
-在全局作用域中:
创建的变量都会作为wi ndow对象的属性保存
创建的函数都会作为wi ndow对象的方法保存
-全局作用域中的变量都是全局变量，
在页面的任意的部分都可以访问的到】

【解析器在调用函数每次都会向函数内部传递进一 一个隐含的参数,
这个隐含的参数就是this, this指向的是一一个对象，
这个对象我们称为函数执行的，上下文对象，
根据函数的调用方式的不同，thi s会指向不同的对象
1.以函数的形式调用时，thi s永远都是window
2.以方法的形式调用时，thi s就是调用方法的那个对象
3.当以构造函数的形式调用时，thi s就是新创建的那个对象】

【创建一个构造函数，专门用来创建Person对象的
构造函数就是一个普通的函数，创建方式和普通函数没有区别,
不同的是构造函数习惯上首字母大写
构造函数和普通函数的区别就是调用方式的不同
普通函数是直接调用，而构造函数需要使用new关键字来调用
构造函数的执行流程:
1.立刻创建一-个新的对象
2.将新建的对象设置为函数中this ,在构造函数中可以使用thi s来引用新建的对象
3.逐行执行函数中的代码
4.将新建的对象作为返回值返回
使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为-个类。
我们将通过一-个构造函数创建的对象，称为是该类的实例

*使用instanceof可以检查- 个对象是否是一一个类的实例

语法:

对象instanceof构造函数
如果是，则返回true,否则返回false

//console.log(per instanceof Person); //true
//console.log(dog instanceof Person);false

所有的对象都是0bject的后代，

所以任何对象和Object左instanceof检查时都会返回true

console.log(dog instanceof Object); true 】

【创建-个Person构造函数
-在Person构造函数中，为每一个对象都添加了- -个sayName方法，
目前我们的方法是在构造函数内部创建的，
也就是构造函数每执行一次就会创建一个新的sayName方法
也是所有实例的S ayName都是唯一的。
这样就导致了构造函数执行一次就会创建一 个新的方法，
执行1000日次就会创建10000个新的方法，而10000个方法都是一摸-样的
这是完全没有必要，完全可以使所有的对象共享同一一个方法
1.将SayName方法在全局作用域中定义[X]
将函数定义在全局作用域，污染了全局作用域的命名空间
而且定义在全局作用域中也很不安全】

【原型prototype
我们所创建的每一个函数， 解析器都会向函数中添加一-个属性prototype
这个属性对应着一一个对象，这个对象就是我们所谓的原型对象
如果函数作为普通函数调用prototype没有任何作用
当函数通过构造函数调用时，我们可以通过__proto__ 来访问该属性
原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，
我们可以将对象中共有的内容，统设置到原型对象中.
当我们访问对象的一个属性或者方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用
以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，
这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了.
可以使用对象的hasOwnProperty( )来检查对象自身中是否含有该属性
使用该方法只有当对象自身中含有属性时，才会返回true
[原型对象也是对象，所以它也有原型，
当我们使用一个对象的属性或方法时，会现在自身中寻找，
自身中如果有，则直接使用，
如果没有则去原型对象中寻找，如果原型对象中与，则使用，
如果没有则去原型的原型中寻找,直到找到object对象的原型,
object对象的原型没有原型，如果在object中依然没有找到，则返回undefined]

当我们直接在页面中打印一个对象时，事件上是输出的对象的toString( )方法的近回值
如果我们希望在输出对象时不输出[object object].可以为对象添加一个toString( )方法
Person[name=孙悟空 , age=18, gender=男]
per.tostring = function(){
return “Person[name= “+this . name+”,age= “+this. age+”, gender =
};
//修改Person原型的toString
Person. prototype.tostring F function(){
return “Person[name=” +this.name+”,age= “+this.age+” , gender=“+this.gender+}; 】

【垃圾回收(GC)
-就像人生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾
这些垃圾积攒过多以后，会导致程序运行的速度过慢。
所以我们需要一个垃圾囵收的机制，来处理程序运行过程中产生垃圾
-当一个对象没有任何的交量或属性对它进行引用，此时我们将永远无法操作该对象，
此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，
所以这种垃圾必须进行清理，
-在JS中拥有自动的垃圾图收机制，会自动将这些垃圾对象从内存销毁，
我们不需要也不能进行垃圾圆收的操作丫
-我们需要做的只是要将不再使用的对象设置null即可
obj =null 】

内建对象
宿主对象
自定义对象
数组(Array)
数组也是一个对象

， 它和我们普通对象功能类似，也是用来存储一些值的
-不同的是普通对象是使用字符串作为属性名的，
而数组时使用数字来作为索引操作元素
索引:
从0开始的整数就是索引
数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据

//创建数组对象
var arr = new Array();
向数组中添加元素
语法，数组「索引] =值

//获取数组的长度
可以使用length属性来获取数组的长度(元素的个数)
语法，数组.length
/ /向数组的最后-一个位置添加元素
arr[arr .length] =70;

/ /使用字面量来创建数组
//语法:[ ]
/ /var arr = [];

//使用字面量创建数组时，可以在创建时就指定数组中的元素
var arr = [1,2 3,4,5,10];

/ /数组中的元素可以是任意的数据类型
arr = [ “hello”,1, true , null , undefined];

//也可以是对象
var obj = {name:“孙悟空"};
arr [arr .length] = obj;

//也可以是一个函数
arr= [function(){alert(1)}, function(){alert(2)}];

//数组中也可以放数组，如下这种数组我们称为一维数组
arr = [[1,2,3],[3,4,5],[5,6,7]];
console.1og(arr[1]);//123

//数组的方法
1.push()
-该方法可以向数组的末尾添加一 个或多个元素，并返回数组的新的长度
-可以将要添加的元素作为方法的参数传递，
这样这些元素将会自动添加到数组的末尾
-该方法会将数组新的长度作为返回值返回
arr . push(“唐僧”);

2.pop()
一该方法可以册除数组的最后-个元素,并将被删除的元素作为返回值返回

3.unshift( )
向数组开头添加一个或多个元素,并返回新的数组长度
向前边插入元素以后，其他的元素索引会依次调整

4.shift()
可以删除数组的第一 个元素， 并将被删除的元素作为返回值返回

5.slice()
可以来从数组中提取元素
-该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
参数:
1.截取开始的位置的索引
2.截取结束的位置的索引
第二个参数可以省略不写,此时会戴取从开始索引往后的所有元素
索引可以传递一一个负值，如果传递一一个负值，则从后往前计算
-1倒数第–个

• 2倒数第二个
  var result = arr.slice(1,4);
  result = arr.slice(3);
  result = arr .slice(1,-2);

6.splice()
-可以用于删除数组 中的指定元素
使用splice( )会影响到原数组，会将指定元素从原数组中删除
并将被删除的元素作为返回值返回
参数:
第一个，表示开始位置的索引
第二个，表示删除的数量
第三个及以后。
可以传递-些新的元素，这些元素将会自动插入到开始位置索引前边

数组的遍历
for(var i=0;i<arr.length;i++){
}
-般我们都是使用for循环去遍历数组，
JS中还为我们提供了一个方法，用来遍历数组
forEach( )
-这个方法只支持工E8以上的浏览器 IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach
还是使用for循环来遍历
forEach( )方法需要-一个函数作为参数
像这种函数，由我们创建但是不由我们调用的，我们称为回调函数
数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
以实参的形式传递进来，我们可以来定义形参，来读取这些内容
浏览器会在回调函数中传递三个参数:
第一个参数，就是当前正在遍历的元素
第二个参数，就是当前正在遍历的索引
第三个参数，就是正在遍历的数组
arr. forEach( function(value, index, obj){
}