文档章节

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

leona_lily
 leona_lily
发布于 2015/08/05 17:54
字数 1652
阅读 54
收藏 5

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函数的引用,只有函数名,没有后面的括号"()",这样函数才不会被调用.




本文转载自:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions#Multiply-nested_funct...

leona_lily
粉丝 9
博文 99
码字总数 43341
作品 0
朝阳
程序员
私信 提问
javascript学习笔记之函数

1、函数声明 无参数: function 函数名(){ //可以有返回值 return 返回值; } 有参数: function 函数名(arg1, arg2){ //可以有返回值 return 返回值; } 使用Function构造函数 varbox = new F...

风云海滩
2015/01/08
28
0
两句话理解js中的this

this 前言: 一直都搞不清javascript中this的指向,这本书中有3章都是在讲解this,去年第一次看完还是觉得似懂非懂的,一深入的问还是不清楚,现在在看一遍,真心觉得这本书里将的是真好,想深入了解...

funnycoderstar
2017/11/16
0
0
简析JavaScript中的Function类型(四)——函数的内部属性

函数的内部属性主要有三个:。其中在简析JavaScript中的this关键字中探讨的已经比较清楚了,这里来说下和。 1. arguments 看下面的代码: 如代码所示,声明时没有显式地声明参数,但是在函数...

前端二牛
03/30
10
0
JS的函数和作用域

1、 函数声明和函数表达式有什么区别 ECMAScript规定了三种声明函数方式:构造函数、函数声明、和函数表达式。 函数声明: 函数声明通过关键字function来声明, 关键词后面是函数名, 名称后面有...

熊蛋子17
2017/12/01
0
0
[JavaScript基础]作用域链和执行上下文

变量对象(函数创建过程生成) 关键字:静态作用域链,AO Javacript是静态作用域链,也就确定了对变量查找的访问权限,是在被定义的时候就确定好的,也就是函数的作用域在函数定义的时候就决...

向布谷鸟说早安
03/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Supervisor-守护进程工具

进程管理工具(Supervisor) 简介 Supervisor是用Python开发的一个client/server服务,是Linux/Unix系统下的一个进程管理工具,不支持Windows系统。它可以很方便的监听、启动、停止、重启一个或...

鬼方赤命
6分钟前
2
0
ajax与Fetch

一、ajax 使用步骤 1.创建XmlHttpRequest对象 2.调用open方法设置基本请求信息 3.设置发送的数据,发送请求 4.注册监听的回调函数 5.拿到返回值,对页面进行更新 //1.创建Ajax对象 if(...

Bing309
10分钟前
1
0
Nginx正则配置

Nginx配置中Location的语法规则 location [ = | ~ | ~* | ^~ | !~ | !~* ] /uri/{ … } = 表示精确匹配 ~ 表示区分大小写正则匹配 ~* 表示不区分大小写正则匹配 ^~ 表示URI以某个常规字符串开...

NoodlesMars
14分钟前
17
0
数组

1. 二维数组的查找 https://my.oschina.net/u/3973793/blog/3097920 2. 数组中重复的数字 https://my.oschina.net/u/3973793/blog/3106083 3. 构建乘积数组 https://my.oschina.net/u/39737......

Garphy
15分钟前
3
0
JS中的七大数据类型

在JavaScript中变量包含两种类型的值:一种是基本类型,一种是引用类型。任何不属于基本类型的东西都属于对象。 基本类型包括:Null、Undefined、Number、String、Boolean、Symbol(ES6新增)...

蓝小驴
19分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部