首页 > web前端 > js教程 > 正文

js中arguments小记

高洛峰
发布: 2016-12-14 09:13:20
原创
991 人浏览过

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>water_down_前端开发 </title>
<style type="text/css">
body{margin:0;padding:0}
</style>
</head>
<body>
water Dwon!
</body>
<script type="text/javascript">
var waterDown = function(funa, funb){
    /*
     * arguments 对象只有函数开始才会创建
     * 先看一下arguments的类型 ie和opera下均为[object Object],
     * 但是ff、chrome、safari下直接为[object Arguments], 说明这个arguments有特殊性
     */
    alert(Object.prototype.toString.apply(arguments));
    
    /*
     * 看一下它的实例 function Object() {  [native code] }
     * 是一个Object类型的实例 
     * arguments = {
     *     0 : "water",
     *     1 : "down",
     *     2 : "w",
     *     3 : "d"
     *    }
     * 当然这样的0,1,2...n 这样的属性是不能用 arguments.n  来调用的 
     * 但是可以用访问数组元素的方式来用,arguments[n]
     * 然后又添加了一些属性和方法,感觉似数组吧
     * length属性  参数的个数
     */
    alert(arguments.constructor)
    //alert(["a","b"].constructor) 

    /*
     * callee 返回正被执行的 Function 对象
     * 递归就不用说了,都知道
     */
    console.log(arguments.length) //控制台上输出实际传入的参数个数
    console.log(arguments.callee.length) //形参的个数 就是funa,funb

    /*
     * caller 返回一个对函数的引用,就是调用当前函数的函数。
     * 如果函数是由顶层调用的,那么 caller包含的就是 null  
     */
    if(arguments.callee.caller){
        //alert(waterDown.caller.toString())
        alert(arguments.callee.caller.toString())
    }else{
        alert("No wrap Function!")
    }
    
    /*
     * 把arguments 转换成真正的数组
     */
    var A = Array.prototype.slice.call(arguments);
    alert(Object.prototype.toString.apply(A));
}

waterDown("water", "down", "w", "d");

!function(){
    /*
     * 调用waterDown函数 此时waterDown.caller就是当前匿名函数
     * 而waterDown.caller.toString() 就等于把当前匿名函数反编译喽
     */
    waterDown("waterDown");
}()
</script>
</html>
登录后复制


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板