标签：obj bind sex call 数组 apply fn
一直感觉代码中有call和apply就很高大上(看不懂)，但是都草草略过，今天非要弄明白！
以前总是死记硬背：call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined。bind是改变this后返回一个新的函数，他不会立即执行。
死记硬背的结果就是：总以为这三个方法改变了原方法的this，原方法的this就永久改变了！大错特错啊！！
1.提出问题：看到好多call使用场景,就是不求甚解！
例1：Object.prototype.toString.call(arguments) 用来精确判断数据类型："[object Array]" 或者 "[object Object]"
例2：Array.slice.call(类数组) 或者 [].slice.call(类数组) 用来把类数组转为数组,其实这里就是让类数组使用一下不属于自己的方法slice
2.验证问题：看看apply的用法 （别人写的）
function people(age,sex){
this.age=age;
this.sex=sex;
};
function adult(age,sex){
people.apply(this,arguments)
};
var jack = new adult(18,'man');
console.log(jack.age+":"+jack.sex)
输出为 18:man
其实看到这段代码就知道apply怎么用了吧。
其实apply说到底就是为了使一个对象可以使用不属于自己的方法，
3. 扩展（填坑之路）：我想自己写一下验证apply会不会改变this，如下（自己写的）
function fn() {
console.log(this);
}
var obj={a:[4,5,6],b:[7,8]};
fn.apply(obj); // {a: Array(3), b: Array(2)}
var f=new fn(); // { }
郁闷：倒数第二行我不是用fn.apply(obj)改了fn的this指向为obj了么，为什么最后一行new出来的对象是空的？不应该是带a和b属性么？
答案：你只是用fn.apply(obj)执行了一把fn，执行时顺便把fn中的this改成了obj而已，然后把结果输出，这并不会改变fn原函数啊。
否则调用一次 Array.slice.call(类数组) ,难道就要把数组的slice方法里的this永久修改为传入的参数 类数组 么！那不是疯了么！
以后这样死记硬背：call、apply、bind 是Function.prototype下的方法，作用是执行一下目标函数，执行时顺便把目标函数中的this改一下，然后把结果输出，执行后，不会影响原函数！
题外话：如果你的代码也想用这三个方法，你就要学习数组的slice写法，里面的逻辑都考虑到this问题。
标签：obj,bind,sex,call,数组,apply,fn 来源： https://www.cnblogs.com/ning123/p/11029126.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。