JS 关于 bind ,call,apply 和arguments p8

番茄西红柿发布于2019-04-23 11:51 / 1128人阅读

摘要：同样会绑定，也会穿参数，但是不会立即执行我是内部的我是内部的类似数组，但不是真的数组，好吧，就把它当成数组吧，它同样拥有而且也可以通过下标访问关于下面的官方语言警告在严格模式下，第版禁止使用。

关于这3个货，网上有很多文章介绍，我这边还是记录下并加上自己的理解，还有arguments函数内置对象顺便也记录下：

简单的说apply和call 会绑定第一个参数的作用域给调用函数对象实例，并会执行调用函数，还可以传参数

apply 第二个参数是数组，call 是可变长度参数

apply、call:

例子来个：

function x(t,v){
     console.log(this.id);
     if(t){
         console.log(t);
     }
     if(v){
         console.log(v);
     }
}

var id = 我是外部ID;

var obj = { id:我是内部obj的ID }

x(); //我是外部ID

x.apply(obj); // 我是内部obj的ID

x.call(obj); // 我是内部obj的ID

x.apply(obj,[test]);
 //     我是内部obj的ID
 //     test


x.call(obj,test,test2);
 //     我是内部obj的ID
 //     test
 //     test2

是不是一下就明白了。

bind：

bind同样会绑定，也会穿参数，但是不会立即执行

x.bind(obj)() ; // 我是内部obj的ID

var x_copy = x.bind(obj)；
x_copy();//我是内部obj的ID

arguments：

类似数组，但不是真的数组，好吧，就把它当成数组吧，它同样拥有length 而且也可以通过下标访问：

function x(){
   console.log(arguments.length);
   
   var j = 0;
   for(let i=0;i){
       j += arguments[i];
   }

   console.log([j >>],j);
} ;

x();
// 0
// [j >>] undefined

x(1);
// 1
// [j >>] 1

x(1,2);
// 2
// [j >>] 3

关于arguments.callee()：

下面的官方语言：
警告：在严格模式下，第5版 ECMAScript (ES5) 禁止使用 arguments.callee()。当一个函数必须调用自身的时候, 避免使用 arguments.callee(), 通过要么给函数表达式一个名字,要么使用一个函数声明.

不多写，有兴趣的可以去这看看

arguments.callee

如果需要调用自身可以使用函数表达式（下面是官方的例子）：

[1,2,3,4,5].map(function factorial (n) {
    return !(n > 1) ? 1 : factorial(n-1)*n;
});

该函数可以像代码内部的任何其他函数一样被调用
它不会在外部作用域中创建一个变量 (除了 IE 8 及以下)
它具有比访问arguments对象更好的性能

总之，官方都废弃了，你还执着啥？

专线服务私有云 JS中bind、call和apply的作 js中的call和apply apply与call的区别关于arguments

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1250.html

JS中的call、apply、bind方法详解

摘要：不能应用下的等方法。首先我们可以通过给目标函数指定作用域来简单实现方法保存，即调用方法的目标函数考虑到函数柯里化的情况，我们可以构建一个更加健壮的这次的方法可以绑定对象，也支持在绑定的时候传参。原因是，在中，多次是无效的。 bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用。 apply、call 在 javascript 中，call 和 apply 都是...

zombieda 2019-08-23 15:27 评论0 收藏0
JS基础篇--call、apply、bind方法详解

摘要：首先我们可以通过给目标函数指定作用域来简单实现方法保存，即调用方法的目标函数考虑到函数柯里化的情况，我们可以构建一个更加健壮的这次的方法可以绑定对象，也支持在绑定的时候传参。原因是，在中，多次是无效的。而则会立即执行函数。 bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用。 apply、call 在 javascript 中，call 和 apply 都是...

lastSeries 2019-08-21 12:10 评论0 收藏0
JavaScript函数（二）

摘要：目录函数的声明函数的属性和方法函数的作用域闭包知识点小结关于函数，可以从以下个方面去理解首先，数据类型上看函数在中是一种数据类型，是对象的一种其次，从功能上看函数本质上是一段反复调用的代码块最后，从地位上看函数在中和其他基本数据类型一样，可目录 1.函数的声明 2.函数的属性和方法 3.函数的作用域 4.闭包知识点 5.小结关于函数，可以从以下3个方面去理解：首先，数据类型上看：...

用户84 2019-08-21 11:20 评论0 收藏0
从一道面试题，到“我可能看了假源码”

摘要：返回的绑定函数也能使用操作符创建对象这种行为就像把原函数当成构造器。同时，将第一个参数以外的其他参数，作为提供给原函数的预设参数，这也是基本的颗粒化基础。今天想谈谈一道前端面试题，我做面试官的时候经常喜欢用它来考察面试者的基础是否扎实，以及逻辑、思维能力和临场表现，题目是：模拟实现ES5中原生bind函数。也许这道题目已经不再新鲜，部分读者也会有思路来解答。社区上关于原生bind的研...

Carson 2019-08-20 14:23 评论0 收藏0
从一道面试题，到“我可能看了假源码”

摘要：返回的绑定函数也能使用操作符创建对象这种行为就像把原函数当成构造器。同时，将第一个参数以外的其他参数，作为提供给原函数的预设参数，这也是基本的颗粒化基础。今天想谈谈一道前端面试题，我做面试官的时候经常喜欢用它来考察面试者的基础是否扎实，以及逻辑、思维能力和临场表现，题目是：模拟实现ES5中原生bind函数。也许这道题目已经不再新鲜，部分读者也会有思路来解答。社区上关于原生bind的研...

rockswang 2019-08-30 15:52 评论0 收藏0