函数

函数的声明

1.函数的声明

(1) function 命令

function print(s) {
   console.log(`1`);
}

(2) 函数表达式
采用函数表达式声明函数时,function命令后面部带有函数名。如果加上函数名,该函数名只在函数体内部有效,在函数体外部无效。

var print = function x(s) {
    console.log(typeof x);
}
x //ReferenceError: x is not defined
print() //function

当同时采用function命令和赋值语句声明同一个函数时,最后总是采用赋值语句的定义。

function f() {
   console.log('1');
}
var f = function() {
   console.log('2');
}
f() //2

(3) Function 构造函数
Function 构造函数接受任意数量的参数,只有最后一个参数会被当做函数体,如果只有一个参数,该参数就是函数体。new命令可以省略。

var add = new Function(
      'x',
      'y',
      'return x + y'
)

//等同于
var add = function(x, y) {
    return x + y;
}

2.函数名的提升

JavaScript 引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部。

f() //2

function f() {
   console.log('1');
}

function f() {
   console.log('2');
}
//函数被多次声明,后声明的函数会覆盖之前的同名函数。

但是使用函数表达式定义函数会报错:

f();//TypeError: undefined is not a function

var f = function f() {
   console.log('1');
}

上述代码等同于下面的形式:

var f;
f();//TypeError: undefined is not a function
f = function() {
   console.log('1');
}

调用函数f的时候,函数f只是被声明了,还没有被赋值,等于undefined,所以会报错。

3.递归

函数内部调用自身,这就是递归(recursion)。下面通过递归,计算斐波那契数列的第6个元素,得出8。

function fib(num) {
   if(num === 0) return 0;
   if(num === 1) return 1;
   return fib(num - 2) + fib(num - 1);
}
fib(6) //8

4.第一等公民

凡是可以使用值的地方,就能使用函数,函数在JavaScript中也被称为第一等公民。

function add(x, y) {
   return x + y;
}
function a(op) {
   return op;
}
a(add)(1, 2); //3

函数的属性和方法

1. name 属性

函数的name属性返回函数的名字。

function f1() {}
f1.name // "f1"

var a = function() {};
a.name // "a"

var a = function f2() {};
a.name // "f2"

2. length 属性

函数的length属性返回函数预期传入的参数个数,即函数定义之中的参数个数。

function f(a, b) {}
f.length //2

length属性提供了一种机制,判断定义时和调用时参数的差异,以便实现面向对象变成的“方法重载”(overload)。

3. toString()

函数的toString()方法返回一个字符串,内容是函数的源码。

function add(x, y) {
    return x + y;
}
add.toString()
//function add(x, y) {
//    return x + y;
//}

对于那些原生的函数,toString()方法返回function(){[native code]}

Math.sqrt.toString()
//function sqrt() { [native code] }
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,496评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,407评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,632评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,180评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,198评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,165评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,052评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,910评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,324评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,542评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,711评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,424评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,017评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,668评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,823评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,722评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,611评论 2 353

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,556评论 0 5
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 524评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 317评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 853评论 0 0
  • 函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。 概述 函数的声明 JavaSc...
    许先生__阅读 446评论 0 1