JS学习：第一周——NO.4继承
1.【关于call】
作用：是用来改变this指向的，有两种参数
第一种：第一个参数，用来改变this指向
第二种：给call前面的函数传参，从第二个参数开始，给call前面的函数从左到右一个个的传参，参数以逗号形式分隔；
2.【继承】
①call继承：把父类私有的属性和方法继承给子类私有；跟公有属性无关；
function S{F.call(this)}
②原型链继承：把父类私有和公有的属性，都给了子类公有；把子类公有的作为父类的一个实例；原型链继承：跟子类私有属性无关；
function S(){};
S.prototype=new F;//把子类公有的作为父类的实例；
var s=new S;
console.dir(s);
S.prototype=new F;//把子类公有的作为父类的实例；
var s=new S;
console.dir(s);
③冒充继承：把父类私有+公有的的属性都给了子类私有；
for in 循环只能遍历自定义的属性和方法，拿不到系统的属性和方法，比如constructor；
function S(){
//for in循环，只能遍历自定义的属性和方法；拿不到系统的属性和方法；
for(var attr in f){
this[attr]=f[attr];
}
}
var s=new S;
//for in循环，只能遍历自定义的属性和方法；拿不到系统的属性和方法；
for(var attr in f){
this[attr]=f[attr];
}
}
var s=new S;
④混合继承1：call继承+原型链继承；☆☆☆☆☆
问题：子类私有中有父类私有的，子类公有也有父类私有；
function S(){
F.call(this);//子类私有继承父类私有；
}
S.prototype=new F;
var s=new S;
F.call(this);//子类私有继承父类私有；
}
S.prototype=new F;
var s=new S;
⑤混合继承2：call继承+拷贝继承（extend）；☆☆☆☆☆☆最常用
function extend(obj2,obj1){
for(var attr in obj1){
obj2[attr]=obj1[attr];
}
for(var attr in obj1){
obj2[attr]=obj1[attr];
}
return obj2;}
function S(){
F.call(this);
}
//公有通过extend方法，进行拷贝继承
extend(S.prototype, F.prototype);
var s=new S;
F.call(this);
}
//公有通过extend方法，进行拷贝继承
extend(S.prototype, F.prototype);
var s=new S;
⑥混合继承3：call继承+Object.create()
function S(){
F.call(this);
}
function Tmp(){};
Tmp.prototype= F.prototype;
S.prototype=new Tmp;
S.prototype.constructor=S;
var s=new S;
console.dir(s);
F.call(this);
}
function Tmp(){};
Tmp.prototype= F.prototype;
S.prototype=new Tmp;
S.prototype.constructor=S;
var s=new S;
console.dir(s);
3.【prototype和__proto__】
prototype是谁的属性，它起什么作用？__proto__是谁的属性，它有什么作用？prototype和__proto__有什么联系？
prototype是函数数据类型的属性；作用：存放公有属性和方法；
__proto__是对象数据类型的属性；作用：原型链；值：当前实例所属类的原型
prototype和__proto__联系：当前实例通过__proto__找到prototype这个原型；
4.【闭包】
当前函数被调用的时候，会形成一个私有作用域，保护里面的变量不收外界的干扰，函数的这个保护机制，叫做闭包。
作用：1）防止全局变量名的冲突；
2）封装；
3）可以在比闭包中通过window.xxx修改全局属性。
5.【回调函数】
定义：把一个函数体作为参数传给另一个函数，
1)被传进来的函数，callback，调用的次数，取决于我们自己的条件；
2）callback（）被调用的时候；可以进行传参；
3）callback（）被调用的时候，可以改变this的指向；
4）callback（）可以有返回值，返回值有几个取决于条件；
var obj={};
function fn(a){
//a 代表的就是 f1这个函数；
var ary=[];
for(var i=0; i<4; i++){
var res=a.call(obj,2,3);//f1();
ary.push(res);
}
console.log(ary);
}
fn(function (n,m){
alert(this+(n+m));
});
function fn(a){
//a 代表的就是 f1这个函数；
var ary=[];
for(var i=0; i<4; i++){
var res=a.call(obj,2,3);//f1();
ary.push(res);
}
console.log(ary);
}
fn(function (n,m){
alert(this+(n+m));
});
6.【总结this指向】
1）当前元素被触发的时候，会调用一个函数，函数中的this指向当前这个元素；
2）函数被调用的时候，点前面是谁，this就是谁；
3）自执行函数中的this，是window;
4)
7.【forEach】
* item:数组中的每一项；
* index：索引；
* input：原始数组；
* */
/*
* forEach():作用-》遍历数组中的每一项；
* forEach()有两个参数：参1：回调函数； 参2：用来改变this指向的；
* forEach()中的回调函数，有三个参数：
* item->数组中的每一项内容
* index->索引；
* input：原始数组；
*forEach()中回调函数的执行次数，取决于数组的长度；
*forEach():没有返回值；
* */
//map的使用方式，跟forEach一样，但是，map有返回值；返回值是一个数组；数组中记录了每个回调函数的返回值；
/*var res=ary.forEach(function (item,index,input){
console.log(this)
},obj);*/
var res=ary.map(function(item,index,input){
console.log(this);
return item*100;//1000 2000
},obj);
console.log(res);
* index：索引；
* input：原始数组；
* */
/*
* forEach():作用-》遍历数组中的每一项；
* forEach()有两个参数：参1：回调函数； 参2：用来改变this指向的；
* forEach()中的回调函数，有三个参数：
* item->数组中的每一项内容
* index->索引；
* input：原始数组；
*forEach()中回调函数的执行次数，取决于数组的长度；
*forEach():没有返回值；
* */
//map的使用方式，跟forEach一样，但是，map有返回值；返回值是一个数组；数组中记录了每个回调函数的返回值；
/*var res=ary.forEach(function (item,index,input){
console.log(this)
},obj);*/
var res=ary.map(function(item,index,input){
console.log(this);
return item*100;//1000 2000
},obj);
console.log(res);
