call() apply() arguments

最新推荐文章于 2021-04-09 13:33:23 发布
最新推荐文章于 2021-04-09 13:33:23 发布
阅读量58 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52019215/article/details/114274681
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
     //call() apply() arguments

        // function fun(a,b) {
        //     // alert(this.name);
        //     console.log(a);
        //     console.log(b);
        // }
        // var obj1 = {
        //     name:"obj1",
        //     sayName:function(){
        //         alert(this.name);
        //     }
        // };
        // var obj2 = {name:"obj2"};
        // obj1.sayName.apply(obj2); 
        // fun.call(obj1,2,3);
        // fun.apply(obj1,[3,5])
        
        //[object Window]
        // fun();
        // fun.apply();
        // fun.call();
        // fun.apply(obj1);
        // fun.call(obj2);
        //call()和apply()
        //     - 这两个方法都是函数对象的方法，需要通过函数对象来调用
        //     - 当对函数调用call()和apply()都会调用函数执行
        //     - 在调用call()和apply()可以将一个对象指定为第一个参数
        //          此时这个对象将会成为函数执行时的this
        //     - call()方法可以将实参在对象之后依次传递
        //     - apply()方法需要将实参封装到数组中统一传递

        // this总结
        //    1 以函数形式调用时，this是window
        //    2 以方法形式调用时，this是调用方法的对象
        //    3 以构造函数的形式调用时，this是创建的那个对象
        //    4 使用call和apply调用时，this是指定的那个对象



        // 在调用函数时，浏览器每次都会传递2个隐含的参数
         //    1 函数的上下文对象this
         //    2 封装实参的对象arguments
         //      -- argumens是一个类数组对象，它也可以通过索引来操作数据，也可以获取长度
         //      -- 在调用函数时，我们所传递的参数都会在argumes中保存
         //      -- arguments.length可以用来获取实参的长度
         //      -- 即使不定义形参 也可以通过arguments来使用实参
         //          只不过比较麻烦
         //           arguments[0] 第一个实参
         //           arguments[1] 第二个实参
         //      -- arguments里面有一个属性脚callee
         //           这个属性对应一个函数对象，就是当前正在指向的函数对象
        function fun() {
            //false
                // console.log(arguments instanceof Array);
                // false
                // console.log(Array.isArray(arguments));
        //         console.log(arguments.length);
                // 123
                  console.log(arguments[0]);
                //456
                  console.log(arguments[1]);
                  //true
                  console.log(arguments.callee == fun);
    }
        fun(123,456);
    </script>
</body>
</html>
一份蛋炒饭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 之 apply()、call() 探索
木子聊前端
06-06 278
apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。 apply的主要用途是改变函数的作用域，在特定的作用域中调用函数，实际上等于设置函数体内的this对象的值。
初学JavaScript之arguments、caller、callee、call、apply理解
Allen_ww的博客
08-22 8532
同样在开始前为了方便打印，添加一个函数 Object.prototype.description = function() { console.log(this); } arguments arguments对象代表正在执行的函数和调用它的函数的参数。 //通过例子很好说明 function printArguments() { for(arg in arguments...
JavaScript在方法中使用apply(this,arguments)
liulanba的博客
01-22 8902
首先了解一下arguments: arguments 对象是JavaScript 函数内置的对象 ，包含了函数调用的参数数组。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>入门JavaScript this</title> </head> <h2>JavaScript <b>this</b> arguments&
聊一聊js中apply、call、arguments的区别与作用
丑小鸭变黑天鹅的博客
04-09 301
聊一聊js中apply、call、arguments的区别与作用 JavaScript提供了apply和call两种调用方式来确定函数中的this的指向，在现实编码中，我确实很少接触到这两个方法。但很无奈，很多面试题都要考这两种方法，我又没怎么用到，所以我们先来闲聊下他们到底有什么用和到底怎么用。 我们先来聊一下apply的用法吧，它是用来改变函数的指向的，说白了，就是指向了别的函数的作用域。 var A={ name:"我是小A", fun:function(){ con
this指向，防抖函数中的fn.apply(this,arguments)作用
热门推荐
weixin_44494811的博客
12-11 1万+
1.介绍：首先我们要了解apply()的基本知识，apply（）和call（）都是每个函数或对象都拥有的非继承的方法。 2.作用：都是用来改变this的指向的 3.下面介绍带参数和不带参数的常见的应用 首先想很好理解和应用apply,其根本是对于this的理解。 this的三种指向：1.指向this所在函数的直接调用者，2.new的时候，指向new出来的对象，3.事件中指向当前的出发对象 总结：t...
js函数对象的call()方法、apply()方法、arguments属性
Luck_ZZ的博客
07-28 1824
一、call()方法 call()方法是函数原型对象属性的方法，调用者为函数对象 可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的this，从第二个参数起依次传入实参 例：call(obj, a, b);第一个参数表示函数中的this，a，b表示实参 二、apply()方法 apply()方法是函数原型对象属性的方法，调用者为函数对象 可以将一个对象指定为第一个参数，此...
call()、apply()和arguments
晚风
06-30 292
call()和apply( ) 这两个方法都是函数对象的方法,需要通过函数对象来调用。 当对函数调用call()和apply()都会调用函数执行 在调用call()和apply()方法时,可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this。 call()方法可以将实参在对象之后依次传递 apply()方法需要将实参封 装到一个数组中统一传递 function fun(a,...
javascript利用apply和arguments复用方法
10-26
这里的关键在于`apply`的使用，通过`[].slice.call(arguments)`将`arguments`对象转换为真正的数组，然后将`target`（即`this.data`）作为第一个参数插入到参数数组的前面，最后使用`apply`调用源方法，使得`util`...
详解JavaScript函数callee、call、apply的区别
10-17
总的来说，`arguments.callee`提供了对当前执行函数的引用，而`call`和`apply`则是用来控制函数执行时的`this`值和参数。在编写JavaScript代码时，了解这些特性可以帮助你更好地理解和利用函数的作用域和上下文。
javascript下arguments,caller,callee,call,apply示例及理解
10-29
JavaScript中arguments、caller、callee、call和apply是与函数相关的几个重要概念和对象。它们为JavaScript的函数提供了非常灵活的功能，特别是在处理函数参数和调用上下文方面。接下来，将对这些概念逐一进行详细...
JS中call/apply、arguments、undefined/null方法详解
10-22
总结，`call`和`apply`提供了改变函数执行上下文的能力，而`arguments`对象则允许我们方便地访问函数调用时的所有参数，这些都是JavaScript灵活性和动态性的体现。在实际开发中，掌握这些知识点对于编写高效和灵活的...
Javascript 中的 call 和 apply使用介绍
10-28
比如，有时候需要将数组的方法应用到类数组对象上（如arguments对象或者NodeList），这就可以通过apply来实现。 总结来说，call和apply在JavaScript中是非常实用的方法，它们提供了强大的能力，让我们能够在不同的...
关于javascript中直接传入arguments和用apply传入arguments
lgyt240054的博客
11-18 545
场景： var mut = function(){ console.log(arguments) } // 第一种情况 var factory = function(fn){ return function(){ return fn(arguments) } } // 第二种情况 var factory = function(fn){ return function(){ return fn.apply(this, arguments)
十四，函数的call(),apply()方法，arguments参数列表
qq_33345511的博客
02-06 1136
一，函数call()和apply()方法 1.这两个方法都是函数对象的方法， 需要通过函数对象来调用 2.当对函数调用这两个方法时都会调用函数执行 3.调用call和apply可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的this call()和apply()中传入的参数是谁this就是谁 call()和apply()二者的区别： call()方法...
调用函数的实参可以是任意数据类型
weixin_52019215的博客
02-04 1658
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&
运算符 + - * / %
weixin_52019215的博客
01-24 1410
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&
函数返回值类型
weixin_52019215的博客
02-04 739
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&
对象的方法(method)
weixin_52019215的博客
02-05 597
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&
求1~100之间的倍数之和
weixin_52019215的博客
02-01 426
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&
手写call apply bind方法
最新发布
03-17
手写call方法: ``` Function.prototype.myCall = function(context) { context = context || window; context.fn = this; var args = [...arguments].slice(1); var result = context.fn(...args); delete context.fn; return result; } ``` 手写apply方法: ``` Function.prototype.myApply = function(context, arr) { context = context || window; context.fn = this; var result; if (!arr) { result = context.fn(); } else { result = context.fn(...arr); } delete context.fn; return result; } ``` 手写bind方法: ``` Function.prototype.myBind = function(context) { var self = this; var args = [...arguments].slice(1); return function() { var bindArgs = [...arguments]; return self.apply(context, args.concat(bindArgs)); } } ``` 这些代码中的"context"是指调用这个方法时传入的对象, "args" 是传入的参数, 它们都是可选的.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值