• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 简单谈谈Javascript函数中的arguments

简单谈谈Javascript函数中的arguments

作者:RABBIT 字体:[增加 减小] 来源:互联网 时间:2017-05-11

RABBIT通过本文主要向大家介绍了javascript arguments,js函数arguments,arguments,arguments是什么意思,arguments.callee等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

一、arguments的面貌

在javascript中所有的函数内部都包含了一个隐藏的变量叫arguments;它存放着所有传递到这个函数中的参数;

那么我们打开实例看看arguments的输出形式

(function fn(){
 console.log(arguments)
})(1,2,3,4)
</div>

结果好像是类似数组的形式打印在控制台,相信大多数人包括我看到这种输出就会认为arguments是一个数组,那么既然是数组就可以用数组的一些方法了吧,再看下一个例子;

(function fn(){
 arguments.push(5)
 console.log(arguments)
})(1,2,3,4)
</div>

结果报错了- -!;(在项目中我就是踩到了这个坑);

那我们就会有一个疑惑了,既然是数组为什么不能用push方法呢,其他的像pop,slice也不行么,是的,都不行,虽然arguments也能通过下标的形式获取到对应位置的参数,当本质上不算是真正的数组;

我们通过instanceof打印看看它是不是Array的孩子

(function fn(){
 console.log(arguments instanceof Array)
})()
</div>

果不其然真不是数组,那么我们就会联想到它就是个对象了;

虽然它也能用for循环遍历到里面的参数,但把它转为真正的数组才是更好的选择;

二、转化为数组

转化的方法有很多,对象冒充的方式传递给Array.prototype或遍历push到空数组或传递给另一个函数等等。。都可以完成,下面简单介绍几个转化的方法,遍历push到空数组的方法就不细讲了;

第一种方法:

(function fn(){
 var arr = Array.prototype.slice.call(arguments)
 arr.push(5)
 console.log(arr)
})(1,2,3,4)
</div>

这种转化方式比较慢,在性能不好的情况下不推荐这种写法;

第二种方法:

function fn() {
 fnArr.apply(null, arguments);
}
function fnArr(a,b,c,d) {
 ···
}
</div>

个人推荐这种做法;

总结

以上就是这篇文章的全部内容了,虽然写的不多,但还是希望大家能在项目的过程当中不要误踩了arguments的坑,希望本文能对大家有所帮助。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 简单谈谈Javascript函数中的arguments

相关文章

  • 2017-05-11Vue.js原理分析之observer模块详解
  • 2017-05-11jQuery和CSS仿京东仿淘宝列表导航菜单
  • 2017-05-11原生JS实现圆环拖拽效果
  • 2017-05-11Vue实现动态响应数据变化
  • 2017-05-11微信小程序 连续旋转动画(this.animation.rotate)详解
  • 2017-05-11jQuery实现单击按钮遮罩弹出对话框效果(1)
  • 2017-05-11angular中的http拦截器Interceptors的实现
  • 2017-05-11详解微信小程序入门五: wxml文件引用、模版、生命周期
  • 2017-05-11jquery pagination分页插件使用详解(后台struts2)
  • 2017-05-11vue.js 1.x与2.0中js实时监听input值的变化

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 从零学习node.js之详解异步控制工具async(八)
    • 简单实现js选项卡切换效果
    • node.js中实现kindEditor图片上传功能的方法教程
    • JS字符串长度判断,超出进行自动截取的实例(支持中文)
    • 基于node.js依赖express解析post请求四种数据格式
    • 微信小程序 简单教程实例详解
    • input 按 enter键后,光标不移走
    • JavaScript中日常收集常见的10种错误(推荐)
    • javascript删除html标签函数cIsHTML
    • jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有