js的apply()与call()的区别
1.各自对应的不同的语法:
1 /*apply()方法*/ 2 function.apply(thisObj[, argArray]) 3 4 /*call()方法*/ 5 function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
2.各自不同的定义:
call方法:
语法:call(thisObj,Object)
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
apply方法:
语法:apply(thisObj,[argArray])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
(相同之处):
都“可以用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象”。
(不同之处):
apply:最多只能有两个参数——新this对象和一个数组argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里。如果argArray不是一个有效的数组或arguments对象,那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数,那么Global对象将被用作thisObj,并且无法被传递任何参数。
call:它可以接受多个参数,第一个参数与apply一样,后面则是一串参数列表。这个方法主要用在js对象各方法相互调用的时候,使当前this实例指针保持一致,或者在特殊情况下需要改变this指针。如果没有提供thisObj参数,那么 Global 对象被用作thisObj。
由此可以看出,apply和call的功能是一样的,只是传入的参数列表形式不同。
代码示例:
1 function Animal(name) { 2 this.name = name; 3 this.showName = function() { 4 console.log(this.name); 5 }; 6 } 7 8 function Cat(name) { 9 Animal.call(this, name); 10 } 11 Cat.prototype = new Animal(); 12 13 function Dog(name) { 14 Animal.apply(this, name); 15 } 16 Dog.prototype = new Animal(); 17 18 var cat = new Cat("Black Cat"); //call必须是object 19 20 var dog = new Dog(["Black Dog"]); //apply必须是array 21 22 cat.showName(); 23 dog.showName();
apply的一些其他巧妙用法
(1)Math.max 可以实现得到数组中最大的一项:
转载于:https://www.cnblogs.com/mengfei001/p/6692816.html
js的apply()与call()的区别相关推荐
- JS语法apply()与call()的区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为: /*apply()方法*/ function.apply(thisObj[arg ...
- Js中apply与call的区别与用法
解析: apply与call是更改对象的内部指针,即改变对象的this指向的内容. call与apply的第一个参数都是要传入给当前对象的对象,及函数内部的this.后面的参数都是传递给当前对象的参数 ...
- js箭头函数和普通函数区别
js箭头函数和普通函数区别 实验环境:nodejs v12.16.1 箭头函数不能作为构造函数,而普通函数可以 箭头函数没有原型,而普通函数有 箭头函数return可以省略语句块.(如果=>右边 ...
- Js中apply方法详解说明
Js apply 方法 详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了, ...
- Pandas中map,applymap和apply方法之间的区别
本文翻译自:Difference between map, applymap and apply methods in Pandas Can you tell me when to use these ...
- Js中的style,currentStyle,getComputedStyle()区别
Js中的style,currentStyle,getComputedStyle()区别 样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...
- JS中 let 和var的区别
JS中let和var 的区别 简单介绍let var的常见变量提升 ES6可以用let定义块级作用域变量 let配合for循环的独特应用 let没有变量提升与暂时性死区 let变量不能重复声明 简单介 ...
- apply与applymap的区别
apply传递的是以series为基本单位,行或者列:applymap传递的是一个元素,dataframe最基本单元: 代码如下: import numpy as np import pandas a ...
- JavaScript之apply()和call()的区别
我 在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示 例,总算是看的有点眉目了,在这里我做如下笔记,希望和 ...
最新文章
- GeoServer+MySQL安装及配置过程
- 面试必问: Spring IOC
- 计算机网络考试成绩分析报告,成绩分析报告范文_成绩分析总结与反思
- 如何画ROC曲线和FROC曲线
- SELinux系列(三)——SELinux的三种工作模式
- 解决 jQuery 和其他库的冲突
- windows和linux文件输 - ftp
- rvm install 1.9.2 p136版本ruby
- 三联图书馆系统管理服务器名,三联图书管理系统软件
- javasocket编程(javasocket通信)
- 诺基亚n1平板电脑刷机教程_诺基亚n1平板电脑刷机教程_诺基亚N1 完整包线刷升级或救砖教程(不分台版;国行)......
- NovelAI-WebUI安装教程
- FreeRTOS消息队列详解第一讲(全网最全)——消息队列概述
- 佳能Canon MF4700 一体机驱动
- DNT精英论坛(暨.NET北京俱乐部)第3期沙龙:区块链跨链技术的设计与实践
- python plot线形和颜色
- COSOSWAP的这份NFT防盗指南,请给周杰伦转发
- Egret引擎的EUI基础使用教程
- 【健身】程序员也应该知道的胸背体态矫正锻炼技巧(中)
- 酷睿i7和i5对计算机专业要求,英特尔酷睿i5和i7处理器哪个好 英特尔酷睿i5和i7处理器详细介绍...
热门文章
- SharePoint 2013的100个新功能之网站管理(二)
- HDU 1425 sort(堆排序)
- [武道资料]《菲律宾短棍-单棍》(Edgar Sulite Lameco Escrima Single Stick)
- 基于Spark ALS算法的个性化推荐
- android双击熄屏代码,Android响应双击屏幕事件
- angler前端框架_2019几大主流的前端框架,几款目前最热门的前端框架
- python __reduce__魔法方法_关于python魔术方法payload:.__class__.__mro__[2].__subclasses__()[40](/etc/passwd...
- linux send 失败_linux高性能网络编程之tcp连接的内存使用
- vim代码格式化自动加空格_vim格式化代码实际上就是 缩进代码, 命令是等号=
- python可以用于机电控制么_都知道砂石骨料可以用于建筑,但是砂石的分类你都清楚么?...