浅谈javascript 函数内部属性
作者:bea
在函数内部有两个特殊的属性:arguments 和 this。arguments是一个类数组对象,包含传入的所有参数, 但是这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。 请看经典的阶乘函数例子: 代码如下: function Factorial(num) { if (num <= 1) { return 1; } else { return num * Factorial(num -
在函数内部有两个特殊的属性: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);
}
}
使用第一种方式是没有错的,但是耦合性太高,不太好,函数名改变之后,内部的函数名也要改变 第二种方式就是低耦合的做法,无论函数名怎么改变都不会影响函数执行。
this引用的是函数据以执行的环境对象,或者也可以说是this值
代码如下:
window.color = "red";
var o = {color: "blue"};
function sayColor() {
alert(this.color);
}
sayColor();//red
o.sayColor = sayColor;
o.sayColor();//blue
caller属性,保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为Null
代码如下:
function outer() {
innter();
}
function innter(){
//alert(innter.caller);//耦合性太高
alert(arguments.callee.caller);
}
outer();
以上就是javascript函数内部属性的全部内容了,希望小伙伴们能够喜欢
有用 | 无用
请看经典的阶乘函数例子:
代码如下:
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);
}
}
使用第一种方式是没有错的,但是耦合性太高,不太好,函数名改变之后,内部的函数名也要改变 第二种方式就是低耦合的做法,无论函数名怎么改变都不会影响函数执行。
this引用的是函数据以执行的环境对象,或者也可以说是this值
代码如下:
window.color = "red";
var o = {color: "blue"};
function sayColor() {
alert(this.color);
}
sayColor();//red
o.sayColor = sayColor;
o.sayColor();//blue
caller属性,保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为Null
代码如下:
function outer() {
innter();
}
function innter(){
//alert(innter.caller);//耦合性太高
alert(arguments.callee.caller);
}
outer();
以上就是javascript函数内部属性的全部内容了,希望小伙伴们能够喜欢
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- nodejs批量修改文件编码格式
- 使用jquery操作session方法分享
- jQuery实现“扫码阅读”功能
- JavaScript中document.forms[0]与getElementByName区别
- 为JS扩展Array.prototype.indexOf引发的问题及解决办法
- JavaScript的内存释放问题详解
- script标签属性用type还是language
- JS交换变量的方法
- setinterval()与clearInterval()JS函数的调用方法
- js实现DOM走马灯特效的方法
- 浅谈javascript 迭代方法
- js实现用户注册协议倒计时的方法
- 浅谈javascript 归并方法
- JS获取时间的方法
- javascript中数组的定义及使用实例
- html的DOM中document对象anchors集合用法实例
- javascript 获取浏览器版本
- javascript 实现 原路返回
- html的DOM中document对象forms集合用法实例