• 想起温习一下JS中的this apply call arguments


    很多时候讲到语言入门,大家会认为就是要了解一下语言的语法、数据类型和常用函数。这一课对于所有的计算机专业的毕业生来说都可以自学,然而在最近的实践中(带了两个实习生自学js),我发现他们在学习js的时候会被这几个问题困扰:this指向、arguments为什么不是Array、apply的用途及如何实现。写这篇文章是为了减少js新手被这几个问题困扰的时间,希望给js新手一点帮助。

    1. this
      1. 指向当前对象,通常在对象的构造函数中使用,用来引用对象。如
        function Person(name){
            this.name = name
        }
        var o = new Person('lisq')
        这里this就指向o
      2. 对于JScript 的客户版本,如果在其他所有对象的上下文之外使用,则它指的是window对象
        Person('lisq')
        这里this就指向window
        alert(window.name) 或者 alert(name)
    2. arguments
      1. 该对象代表正在执行的函数和调用它的函数的参数。如
        function Person(name){
            alert(arguments.length)  //当前调用传递的几个参数
        }
        alert(Person.length)    //函数定义(期望)传递几个参数
      2. 需要说明的是arguments并不是一个数组,可用instanceof测试。
        alert(arguments instanceof Array) //false
        这一点和document.getElementsByTagName很像,它返回的也不是数组,但是具有length并且可以用索引访问每一个元素。所以在需要范围arguments中的一部分的时候,会联想到数组的slice,但是又不能直接用arguments.slice(0, 2),只能用Array.prototype.slice.apply(arguments, [0, 2]),这里简单说一下Prototype中的$A,它可以把arguments强制转为一个数组对象,然后可以用很多扩展的自定义方法。
    3. apply call (对象冒充)
      1. apply 应用某一对象的一个方法,用另一个对象替换当前对象。
      2. call    调用一个对象的一个方法,以另一个对象替换当前对象。
      3. 其它没有太多差别,除了传递参数的不同,下面提供一个例子:
        function f(args1, args2){
            alert(this.name)
            alert(arguments.length)
        }

        var o1 = {
            name : 'lisq'
        }
        f.apply(o1)

        var o2 = {
            name : 'lufang'
        }
        f.apply(o2, [1, 2])
        f.call(o2, "hello")

    三个中要数arguments最容易理解了,但是我不理解为什么它不是一个数组。this指向结合对象冒充,可以实现代码的灵活组装。

  • 相关阅读:
    MySQL索引原理
    MyBatis执行流程的各阶段介绍
    实现单栈实现支持getMin的栈
    缓存LRU算法——使用HashMap和双向链表实现
    Hystrix资源隔离
    各种负载均衡策略-图解
    接口调用超时的实现原理
    Spring Bean生命周期的各阶段介绍
    TAR命令详解 复习
    INT MOD
  • 原文地址:https://www.cnblogs.com/boolean/p/935949.html
Copyright © 2020-2023  润新知