码迷,mamicode.com
首页 > 其他好文 > 详细

函数和函数的作用域问题,arguments

时间:2015-08-05 20:34:59      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

this的值:在函数执行时,this关键字并不会指向正在运行的函数本身,而是指向调用该函数的对象.所以,如果你想在函数内部获取函数自身的引用,只能使用函数名或者使用argument.callee属性(严格模式下不可用),如果该函数是一个匿名函数,则你只能使用后者.

1.定义函数

三种方式:

1)函数声明 (function语句)

function name([param[, param[, ... param]]]) { statements }
name函数名.

param函数的参数的名称,一个函数最多可以有255个参数.

statements这些语句组成了函数的函数体.

2)函数表达式 (function操作符)

函数表达式和函数声明非常类似,它们甚至有相同的语法 (查看function操作符了解详情 ):

function [name]([param] [, param] [..., param]) { statements }
name函数名,可以省略,省略函数名的话,该函数就成为了匿名函数.

param函数的参数的名称,一个函数最多可以有255个参数.

statements这些语句组成了函数的函数体.

3)Function构造函数

和其他类型的对象一样,Function对象也可以使用new操作符来创建:

new Function (arg1, arg2, ... argN, functionBody)
arg1, arg2, ... arg N一个或多个变量名称,来作为函数的形参名.类型为字符串,值必须为一个合法的JavaScript标识符,例如Function("x", "y","alert(x+y)"),或者逗号连接的多个标识符,例如Function("x,y","alert(x+y)")

functionBody一个字符串,包含了组成函数的函数体的一条或多条语句.

即使不使用new操作符,直接调用Function函数,效果也是一样的,仍然可以正常创建一个函数.

注意: 不推荐使用Function构造函数来创建函数.因为在这种情况下,函数体必须由一个字符串来指定.这样会阻止一些JS引擎做程序优化,还会引起一些其他问题.

2.arguments对象

在函数内部,你可以使用arguments对象获取到该函数的所有传入参数. 查看 arguments.


arguments 对象是函数内部的本地变量;arguments 已经不再是函数的属性了。

你可以在函数内部通过使用 arguments 对象来获取函数的所有参数。这个对象为传递给函数的每个参数建立一个条目,条目的索引号从 0 开始。例如,如果一个函数有三个参数,你可以通过以下方式获取参数:

arguments[0] arguments[1] arguments[2]

参数也可以被重新赋值:

arguments[1] = ‘new value‘;

arguments对象并不是一个真正的数组。它类似于数组,但没有数组所特有的属性和方法,除了 length。例如,它没有 pop 方法。不过可以将其转换成数组:

var args = Array.prototype.slice.call(arguments);
注:不应在 arguments 对象上使用 slice 方法,这会阻碍 JavaScript 引擎的优化 (比如 V8 引擎)。作为替代,应通过遍历 arguments 对象的方式来构建一个新的数组。


arguments 对象仅在函数内部有效,在函数外部调用 arguments 对象会出现一个错误。

如果你调用一个函数,当这个函数的参数数量比它显式声明的参数数量更多的时候,你就可以使用 arguments对象。这个技术对于参数数量是一个可变量的函数来说比较有用。 你可以用 arguments.length来得到参数的数量,然后可以用 argumentsobject 来对每个参数进行处理。 (想要得到当一个函数定义时的该函数的参数数量, 请使用 Function.length属性。)

function myConcat(separator) {
  var args = Array.prototype.slice.call(arguments, 1);
  return args.join(separator);
}



// returns "red, orange, blue"
myConcat(", ", "red", "orange", "blue");

// returns "elephant; giraffe; lion; cheetah"
myConcat("; ", "elephant", "giraffe", "lion", "cheetah");



3.递归

一个函数可以指向并调用自身。 有三种方法可以使一个函数指向自身:

  1. 函数名
  2. arguments.callee
  3. 一个指向函数的作用域内变量

例如, 考虑下面的函数定义:

var foo = function bar() {
   // statements go here
};

在函数体内, 下列语句是等价的:

  1. bar()
  2. arguments.callee()
  3. foo()
一个调用自身的函数称为递归函数. 在某些方面, 递归类同于一个循环. 都多次执行同一段代码, 并且都需要一个条件 (来避免无尽循环, 或者是无尽的递归). 例如,下面的循环:
function walkTree(node) {
   if (node == null) // 
      return;
   // do something with node
   for (var i = 0; i < node.childNodes.length; i++) {
      walkTree(node.childNodes[i]);
   }
}
将每个递归算法转化为非递归的都是可能的,但通常逻辑会变得十分复杂,并且这样做需要用到栈。事实上,递归本身用到了栈:函数栈。(每次感觉都迷糊在这个栈里面 技术分享
function foo(i) {
   if (i < 0)
      return;
   document.writeln(‘begin:‘ + i);
   foo(i - 1);
   document.writeln(‘end:‘ + i);
}
foo(3);
begin:3
begin:2
begin:1
begin:0
end:0
end:1
end:2
end:3

4.嵌套函数和闭包

你可以将一个函数嵌套在另一个函数内部.被嵌套的函数 (内部函数)是只属于嵌套它的函数(外部函数)的私有函数.这样就形成了一个闭包.

function addSquares(a,b) {
   function square(x) {
      return x * x;
   }
   return square(a) + square(b);
}
a = addSquares(2,3); // returns 13
b = addSquares(3,4); // returns 25
c = addSquares(4,5); // returns 41
由于内部函数形成了一个闭包,你可以把这个内部函数当做返回值返回,该函数引用到了外部函数和内部函数的两个参数:
function outside(x) {
   function inside(y) {
      return x + y;
   }
   return inside;
}
fn_inside = outside(3); 
result = fn_inside(5); // returns 8

result1 = outside(3)(5); // returns 8

5.函数内的局部变量

arguments: 一个"类数组"的对象,包含了传入当前函数的所有实参.

arguments.callee : 指向当前正在执行的函数.

arguments.caller  : 指向调用当前正在执行的函数的函数,请使用arguments.callee.caller代替

arguments.length: 传入当前函数的实参个数.

arguments.callee.length:形参的个数

例子:检测一个函数是否存在

你可以使用typeof操作符来检测一个函数是否存在.下例中,首先检测window对象的noFunc属性是否是一个函数,如果是,则调用它,否则,进行其他的一些动作.

if (‘function‘ == typeof window.noFunc) {
   // 调用 noFunc()
 } else {
   // 进行其他动作
 }

注意在if语句中,使用的是对noFunc函数的引用,只有函数名,没有后面的括号"()",这样函数才不会被调用.




函数和函数的作用域问题,arguments

标签:

原文地址:http://my.oschina.net/u/2328177/blog/488332

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!