很多时候讲到语言入门,大家会认为就是要了解一下语言的语法、数据类型和常用函数。这一课对于所有的计算机专业的毕业生来说都可以自学,然而在最近的实践中(带了两个实习生自学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指向结合对象冒充,可以实现代码的灵活组装。

转载于:https://www.cnblogs.com/boolean/archive/2007/10/24/935949.html

想起温习一下JS中的this apply call arguments相关推荐

  1. js中call与apply用法

    来源:http://blog.csdn.net/sunboy_2050/article/details/6592082 前天去面试,有个gg问了一些js知识,其中有一道call与apply用法的题目, ...

  2. js中call()与apply()方法

    菜鸟级别的选手,学习+意会.欢迎指正 参考文章 http://uule.iteye.com/blog/1158829 http://blog.csdn.net/myhahaxiao/article/d ...

  3. js 中call()与apply()区别与常见用途

    在JS中Function原型定义了两个方法,分别是Function.prototype.call和Function.prototype.apply. call与apply的区别 Function.pr ...

  4. js中call和apply的作用和用法

    call和apply的用途是完全一样的.改变函数中this的指向: 为什么要改变this的指向呢?这个有什么用?有哪些场景呢? 首先this的指向总是在变的,this的指向是由函数执行时所在的环境决定 ...

  5. Js中 call() 与 apply() exports

    call() 调用一个对象的方法,用另一个对象替换当前对象,可以继承另外一个对象的属性 Function.call(obj[, param1[, param2[, [,...paramN]]]]); ...

  6. JS 中 call()、apply()、bind() 的用法

    其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例 1 obj.objAge; // 17obj.myFun() // 小张年龄 undefined 例 2 show ...

  7. JavaScript中call和apply方法

    1 /* 2 在js中 call和apply常用于绑定作用域 3 */ 4 //1 简单的绑定 5 function sum(a,b){ 6 return a+b; 7 } 8 //将sum的功能绑定 ...

  8. 简述JS中 appy 和 call 的详细用法

    Apply 和 Call 两个老生常言的方法,使用过程的一些细节还是有很大的异同,具体使用情况可以参照下面例子详细回顾一下. 区别和详解:js中call()和apply()的用法 1.关于call() ...

  9. js 中的this,默认绑定、隐式绑定、显式绑定、new绑定、箭头函数绑定详解

    壹 ❀ 引 工具猴-免费在线工具-在线工具箱- 可以说this与闭包.原型链一样,属于JavaScript开发中老生常谈的问题了,百度一搜,this相关的文章铺天盖地.可开发好几年,被几道this题安 ...

最新文章

  1. pyspark常用API
  2. SpaceX「十一手」火箭创纪录,一天内两次升空,马斯克:飞100次才退役
  3. “63个国外优秀测试站点链接”和其他相关资料,排除了目前已失效的网站和资料链接。...
  4. 使用RabbitMQ实现接口补偿
  5. MikroTik RouterOS x86最大内存只能支持2G
  6. SpringCloud企业实战专栏
  7. 【TensorFlow】TensorFlow从浅入深系列之十三 -- 教你深入理解模型持久化(模型保存、模型加载)
  8. UVALive 3958 Weird Numbers (负进制数)
  9. dbforge studio for oracle,dbForge Studio for Oracle(数据库管理软件)官方版
  10. 基于队列的迷宫求解实现
  11. 视频直播 > 最佳实践 > 如何降低延时
  12. 3.1.2 Score Inflation 总分
  13. 将win10输入法设置为默认美式键盘且用shift+ctrl切换
  14. 法定节假日调整方案公布
  15. 如何清空matlab命令窗口,matlab如何清空命令窗口中的内容
  16. 二级域名分发系统美化版网站源码 附搭建教程
  17. 风口之上,车联网系统到底会不会是“另一个”智能手机系统?
  18. 多益2980邮箱集合专业游戏服务免费安全的电子邮箱
  19. Your CLT does not support macOS 11
  20. 将物流行业送往智能时代,菜鸟网络的配送车已经上路了

热门文章

  1. [Silverlight入门系列]使用MVVM模式(7):ViewModel的INotifyPropertyChanged接口实现
  2. python requests 10041报错_Python-Requests1-批量登录获取uid
  3. idf实验室--简单编程字符统计
  4. The selected server is enabled,but is not configured pro
  5. 深度解析,教你如何打造自动驾驶的数据闭环
  6. 5调用外部浏览器打开代码_浏览器事件循环
  7. 服务器多核性能排行,服务器内存多核性能
  8. 《01》ECMAScript 6 简介
  9. 【Java必备资料包】
  10. 在计算机网络中可用于信息传输的介质,在计算机网络中,双绞线、同轴电缆及光纤等用于传输信息的载体被称为______介质。...