<i id='5MoTv'><tr id='5MoTv'><dt id='5MoTv'><q id='5MoTv'><span id='5MoTv'><b id='5MoTv'><form id='5MoTv'><ins id='5MoTv'></ins><ul id='5MoTv'></ul><sub id='5MoTv'></sub></form><legend id='5MoTv'></legend><bdo id='5MoTv'><pre id='5MoTv'><center id='5MoTv'></center></pre></bdo></b><th id='5MoTv'></th></span></q></dt></tr></i><div id='5MoTv'><tfoot id='5MoTv'></tfoot><dl id='5MoTv'><fieldset id='5MoTv'></fieldset></dl></div>
  • <tfoot id='5MoTv'></tfoot>
    1. <legend id='5MoTv'><style id='5MoTv'><dir id='5MoTv'><q id='5MoTv'></q></dir></style></legend>
        <bdo id='5MoTv'></bdo><ul id='5MoTv'></ul>

        <small id='5MoTv'></small><noframes id='5MoTv'>

        详解js中的apply与call的用法

        关于“详解js中的apply与call的用法”,我将为你提供完整的攻略。首先,先简单介绍一下这两个方法的作用。
      1. <tfoot id='WbOfm'></tfoot>
            <tbody id='WbOfm'></tbody>

            <legend id='WbOfm'><style id='WbOfm'><dir id='WbOfm'><q id='WbOfm'></q></dir></style></legend>
          1. <small id='WbOfm'></small><noframes id='WbOfm'>

                <bdo id='WbOfm'></bdo><ul id='WbOfm'></ul>

                  <i id='WbOfm'><tr id='WbOfm'><dt id='WbOfm'><q id='WbOfm'><span id='WbOfm'><b id='WbOfm'><form id='WbOfm'><ins id='WbOfm'></ins><ul id='WbOfm'></ul><sub id='WbOfm'></sub></form><legend id='WbOfm'></legend><bdo id='WbOfm'><pre id='WbOfm'><center id='WbOfm'></center></pre></bdo></b><th id='WbOfm'></th></span></q></dt></tr></i><div id='WbOfm'><tfoot id='WbOfm'></tfoot><dl id='WbOfm'><fieldset id='WbOfm'></fieldset></dl></div>

                  关于“详解js中的apply与call的用法”,我将为你提供完整的攻略。首先,先简单介绍一下这两个方法的作用。

                  apply()和call()是JavaScript中的两个基本函数,它们都是用来在对象的上下文中,调用对象本身或其它对象的方法。两者的作用都是相似的,差别仅在于传递的参数形式不同。apply()传入的是数组形式的参数,而call()则是参数列表的形式。

                  言简意赅,我们就是可以通过apply()或call()方法,来让一个对象使用另一个对象的方法,同时还可以改变this所指向的对象。下面,我们分别介绍一下这两个方法的用法及案例。

                  一、使用apply()方法

                  apply()方法允许在指定的this对象的上下文中执行一个方法,所以apply()可以实现很多有趣的用法。最常见的用法就是是用来指定函数的this对象。下面是一个例子:

                  let obj1 = {
                    name: 'Alice'
                  };
                  
                  let obj2 = {
                    age: 22
                  };
                  
                  function greet(greeting) {
                    console.log(greeting + ",我叫" + this.name + ",今年" + this.age + "岁");
                  }
                  
                  // 使用apply()方法对greet()函数进行调用
                  greet.apply(obj1, ["你好"]); // 你好,我叫Alice,今年undefined岁
                  greet.apply(obj2, ["Hi"]); // Hi,我叫undefined,今年22岁
                  

                  在上面的例子中,我们定义了两个对象obj1obj2,以及一个函数greet()。使用了apply()方法后,我们把函数greet()中的this关键字指向了obj1和obj2对象,以便能够在greet()函数中访问它们的属性name和age。

                  二、使用call()方法

                  call()方法和apply()方法很相似,但是传递参数的形式不同,call()方法传递的是一个参数的列表,而不是一个数组。call()方法的使用跟apply()一样,也可以是为了改变函数内部的this引用。下面是一个例子:

                  let obj = {
                    num1: 1,
                    num2: 2
                  };
                  
                  // 定义一个函数
                  function addNumbers(num3, num4) {
                    return this.num1 + this.num2 + num3 + num4;
                  }
                  
                  // 使用call()方法调用addNumbers()函数
                  let result = addNumbers.call(obj, 3, 4);
                  
                  console.log(result); // 10
                  

                  在上面的例子中,我们定义了一个对象obj,以及一个addNumbers函数。使用了call()方法后,把addNumbers函数中的this关键字指向了obj对象,以便能够在addNumbers函数中访问它的属性num1和num2。

                  需要注意的是,如果你不关心参数的个数的话,apply()和call()方法都是可以用的。但是如果你需要一个明确地参数个数的函数, 你就需要使用call()或者apply()方法了。

                  总之,apply()call()这两个方法可以让JavaScript开发人员更加灵活地编写代码,从而更好地实现自己的想法。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  layui实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-
                  Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150
                  我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen
                  https的网站如果引用百度地图,会出现加载不了的问题,这是因为涉及到跨域问题,网站是https的,但是引用百度地图的是http的,这个要怎么操作呢? 比如我引用的地址:http://api.map.baidu.com/api?v=2.0ak=AK显示 后来看了一下,少了一个s=1字段,加一下s=1
                  做小程序项目的时候,客户提了一个功能需求优化,就是长按文字需要复制全部内容,因为有的手机支持全选复制,有的手机不支持全选复制。 通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能 html相关代码: van-field value="{{form.contactPhone}}"
                  由于项目功能需要,要实现对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好的满足这个需求,而且它还是开源的,于是乎就开始学习使用Sortable.js 特点 轻量级但功能强大 移动列表项时有动画 支持触屏设备和大多数浏览器(IE9及以下除外) 支持
                    <bdo id='6GQ0K'></bdo><ul id='6GQ0K'></ul>

                      <i id='6GQ0K'><tr id='6GQ0K'><dt id='6GQ0K'><q id='6GQ0K'><span id='6GQ0K'><b id='6GQ0K'><form id='6GQ0K'><ins id='6GQ0K'></ins><ul id='6GQ0K'></ul><sub id='6GQ0K'></sub></form><legend id='6GQ0K'></legend><bdo id='6GQ0K'><pre id='6GQ0K'><center id='6GQ0K'></center></pre></bdo></b><th id='6GQ0K'></th></span></q></dt></tr></i><div id='6GQ0K'><tfoot id='6GQ0K'></tfoot><dl id='6GQ0K'><fieldset id='6GQ0K'></fieldset></dl></div>
                        <tbody id='6GQ0K'></tbody>
                      <tfoot id='6GQ0K'></tfoot>

                          • <legend id='6GQ0K'><style id='6GQ0K'><dir id='6GQ0K'><q id='6GQ0K'></q></dir></style></legend>

                            <small id='6GQ0K'></small><noframes id='6GQ0K'>