JavaScript函数内部属性：arguments、this与caller详解

JavaScript函数内部属性概述

在函数内部存在两个特殊的属性：arguments和this。其中，arguments是一个类数组对象，它包含了传入函数的所有参数。

该对象还包含一个名为callee的属性，这是一个指针，指向拥有这个arguments对象的函数。

function Factorial(num) {
if (num <= 1) {
return 1;
} else {
return num * Factorial(num - 1);
            }
        }
function Factorial(num) {
if (num <= 1) {
return 1;
} else {
return num * arguments.callee(num - 1);
            }
        }

arguments.callee与低耦合递归

使用第一种方式虽然逻辑正确，但耦合度较高，不够灵活。一旦函数名发生更改，函数内部的递归调用也必须随之修改。第二种方式则实现了低耦合，无论函数名如何变化，都不会影响函数的正常执行。

this的动态绑定机制

this引用的是函数执行的环境对象，也可以理解为this的值。

window.color = "red";
var o = {color: "blue"};
function sayColor() {
alert(this.color);
        }
sayColor();//red
o.sayColor = sayColor;
o.sayColor();//blue

arguments.caller与调用链追踪

caller属性保存着调用当前函数的函数的引用。如果是在全局作用域中直接调用当前函数，其值为Null。

function outer() {
innter();
        }
function innter(){
//alert(innter.caller);//耦合性太高
alert(arguments.callee.caller);
        }
outer();

以上就是JavaScript函数内部属性的全部内容，希望这些内容能对大家有所帮助。