Javascript 函数的学习
每一个 Javascript 函数都能在自己作用域内访问一个特殊的变量 - arguments。这个变量含有一个传递给函数的所有参数的列表。
arguments 对象不是一个数组。尽管在语法上它跟数组有相同的地方,例如它拥有 length 属性。但它并不是从 otype 继承而来,实际上,它就是一个对象。
因此,我们不能直接对 arguments 使用一些数组的方法,例如 push, pop 或 slice 等。 所以为了使用这些方法,我们就需要将其转换为一个真正的数组。
转化为数组
下面的代码将会返回一个包含 arguments 对象所有元素的数组。
(arguments);
由于转化的速度很慢,所以在性能要求严格的程序中不建议这样做。
传递参数
下面是一种比较推荐的方法,将 arguments 对象从一个函数传递到另一个函数。
复制代码 代码如下:
function foo() {
y(null, arguments);
}
function bar(a, b, c) {
// do stuff here
}
另外还有一个比较巧妙的方法,就是同时使用 call 和 apply 快速创建一个解绑的外层方法。
复制代码 代码如下:
function Foo() {}
od = function(a, b, c) {
(this, a, b, c);
};
// Create an unbound version of "method"
// It takes the parameters: this, arg1,
od = function() {
// Result: (this, arg1, arg2... argN)
y(od, arguments);
};
函数形参和 arguments 属性的关系
arguments 对象为它自身属性和函数的形参都创建了 getter 和 setter 方法。
因此,修改函数的形参会影响对应的 arguments 对象的属性值,反之亦然。
复制代码 代码如下:
function foo(a, b, c) {
arguments[0] = 2;
a; // 2
b = 4;
arguments[1]; // 4
var d = c;
d = 9;
c; // 3
}
foo(1, 2, 3);
性能问题
arguments 只在两种情况下不会被创建,一是在函数内部被声明为局部变量,二是当做函数的形参。其他情况,arguments 对象总是会被创建。
由于 getter 和 setter 方法总是会随着 arguments 对象的创建而创建,因此使用 arguments 对性能本身几乎没有影响。
然而,有一种情形会严重影响 Javascript 的性能,那就是使用 ee。
复制代码 代码如下:
function foo() {
ee; // do something with this function object
er; // and the calling function object
}
function bigLoop() {
for(var i = 0; i < 100000; i++) {
foo(); // Would normally be inlined...
}
}
在上述代码中,foo 函数不再是一个简单的内联扩展,因为它需要知道它自身以及它的调用者(caller)。这不仅抵消了内联扩展所带来的`性能提升,同时也破坏了函数的封装性,因为函数本身可能需要依赖于一个特定的调用背景。
因此,建议大家尽量不要使用 ee。
以上就是关于Javascript arguments 对象的全部内容了,小伙伴们是否了解透彻呢,简单的说arguments指函数的参数对象(指实际传入的参数)th指函数的参数对象的长度。 arguments[i]指第i个参数的值(第一个为0)
-
SQL语句类型的标准模式
1、查询语句:主要是由select关键字完成2、事务控制语句:主要由commit、rollback和savepoint三个关键字完成3、DML(数据操作语言)语句:主要由、update和三个关键字完成4、DDL(数据定义语言)语句:主要由create、alter、drop和truncate四个关键字完成5、DCL(数据控制...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
asp下去除超链接函数
复制代码代码如下:<%FunctionReplaceUrl2(HTMLstr)Dimn,str1,str2,str3,str4HTMLstr=Lcase(HTMLstr)Forn=1toUbound(Split(HTMLstr,"(.+?)"RegRemoveHref=ace(HTMLstr,"$1")ENDFunction...
-
JavaScript中的style.cssText使用教程分解
很多人用过r、lay等直接设置元素的.样式属性,但是ext用过的人就不多了。cssText本质是什么?cssText的本质就是设置HTML元素的style属性值。cssText怎么用?复制代码代码如下:lementById("d1")ext="color:red;font-size:13px;";看了这个示例后,相信不说,也知道ext是什...