博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js中的apply与call的用法与区别
阅读量:4710 次
发布时间:2019-06-10

本文共 1010 字,大约阅读时间需要 3 分钟。

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向

call 和 apply二者的作用完全一样,只是接受参数的方式不太一样。

方法定义

apply
Function.apply(obj,args)方法能接收两个参数:

obj:这个对象将代替Function类里this对象

args:这个是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数

call

call方法apply方法的第一个参数是一样的,只不过第二个参数是一个参数列表

在非严格模式下当我们第一个参数传递为null或undefined时,函数体内的this会指向默认的宿主对象,在浏览器中则是window

//在非严格模式下当我们第一个参数传递为null或undefined时,函数体内的this会指向默认的宿主对象,在浏览器中则是windowvar test = function(){  console.log(this===window);}test.apply(null);//truetest.call(undefined);//true

用法

1."劫持"别人的方法(个人感觉也是继承)

//此时foo中的logName方法将被bar引用 ,this指向了barvar foo = {  name:"mingming",  logName:function(){    console.log(this.name);  }}var bar={  name:"xiaowang"};foo.logName.call(bar);//xiaowang

2.实现继承

function Animal(name){     this.name = name;     this.showName = function(){       console.log(this.name);     }   }    function Cat(name){    Animal.call(this, name);  }    var cat = new Cat("Black Cat");   cat.showName(); //Black Cat

 

转载于:https://www.cnblogs.com/aixue/p/8066262.html

你可能感兴趣的文章
Oracle基本查询语言
查看>>
Word直接发表博客测试
查看>>
最短路模板
查看>>
sublime text2 中Emmet常用的技巧 和快捷键
查看>>
[PWA] Caching with Progressive libraries
查看>>
Intellij IDEA Run Dashboard面板
查看>>
_event_team
查看>>
SetProcessAffinityMask的问题
查看>>
NSArray排序方法讲解
查看>>
JavaScript中的 NaN 与 isNaN
查看>>
IP,子网掩码,交换机,路由
查看>>
3. 股票投资方法
查看>>
linux详解sudoers
查看>>
java MAT 分析
查看>>
poj2828
查看>>
vs2015 Android SDK
查看>>
虚拟分区安装
查看>>
GeSHi Documentation
查看>>
PAT甲级1057 Stack【树状数组】【二分】
查看>>
Google内部培训过1.8万人的机器学习速成课
查看>>