JavaScript 之何为函数?

点击上方蓝色字体【学习web前端】可【快速关注

640?wx_fmt=jpeg

【讲座】大咖说-前端大型免费公开讲座

【福利】2018自学者的web前端系统学习福利

【教程】精品教程在这里

学习 JavaScript 中关于函数调用的知识,包括 — 调用, 返回, 参数, 声明和表达式.

640?wx_fmt=jpeg

定义

  • 一个函数是用来执行特定任务的程序

  • 函数在被调用时执行

  • 函数可以传入参数值

    扫描二维码关注公众号,回复: 2139679 查看本文章
  • 函数通常会有返回值

  • 在Javascript中,函数是一个函数对象

函数语法

有几种定义函数的方法,在本篇文章中我们介绍两种,声明式和函数表达式 一个 声明式函数 定义一个函数名。把函数声明式想成定义一个变量。把var替换成function,然后紧跟函数名:

function name(parameters){ _statements_}

函数表达式 可以具名或匿名一个匿名函数没有名字。在下面例子中,我们建立一个匿名函数的返回值name变量。

let name = function(parameters){ _statements_}

函数 参数 vs. Arguments

当函数执行时,你可能听说过_parameters_和_arguments_可以互换 当我们定义一个函数,我们最多可以传入255个参数。参数在()中用逗号隔开。这里有一个例子包括三个参数:

unction threeParams(param1, param2, param3){ _statements_}

另一方面,参数是函数在调用函数时从每个参数接收到的值。 了解这种细微的差异是很重要的。

Note: 如果你使用 Google Chrome, 打开你的开发者控制台,你和我一起探索下面的例子。 [WINDOWS]: Ctrl + Shift + J [MAC]: Cmd + Opt + J

执行一个函数

函数在被调用时执行。 这个过程称为调用. 调用函数通过函数名后面加 ()的方式.

让我们看下面的例子 我们有一个函数名为 logIt的函数. 这个函数有一个变量, name. 这个函数将会在控制台打印name.

function logIt(name){ _console.log(name);_}

为了执行函数,我们调用它。我们传入单个参数,下面我们调用函数传入_Dave_

logIt('Dave');

一个没有参数的函数是用空括号调用:

function logIt2(){ _console.log('Log it 2');_}
logIt2();

函数返回值

每个函数会返回特定值,如果没有将会返回undefined,我们可以测试创建一个返回值为空的函数:

function test(){};
test();// **undefined**

正如预期,返回值为undefined

我们可以使用关键字return来返回指定值,看下面例子:

function test(){ return true;};
test();// **true**

在例子中我们告诉函数返回true,当我们执行时,我们打印出了true 另一点值得注意的是,return会立即中断函数执行 思考下面例子,我们在测试例子中返回两个值:

function test(){ return true; return false;};
test();// **true**

第一个返回值立即中断函数执行导致我们只返回true,第三行的return false永远不会执行。

关于return语句的另一个理解是它的值被返回给函数的调用者。让我们看一个例子:

et double = function(num) { return num * 2;}

上面函数表达式中,变量double被分配到返回一个值的匿名函数,当我们调用时,可以看到下面的情况:

let test = double(3);
console.log(test);// 6

Awesome! The return variable not only returns values from a function, but it assigns them to whatever called the function! 令人惊叹!返回变量不仅从函数返回值,而且将其分配给任何称为函数的函数!

函数是对象

在JavaScript,任何不适原始类型的 ( undefined, null, boolean, number, or string)都是对象. 对象在 JavaScript中极其多. 正亦如此, 我们甚至可以在一个函数中传入一个函数作为参数.

当一个函数接受另一个函数作为参数或者返回一个函数,我们称此函数为高阶函数。你或许已经无意识的使用过高阶函数而不知道,Array.prototype.map和Array.prototype.filter就是高阶函数。更多高阶函数例子敬请期待...

总结

应该记住的知识点:

函数是执行特定任务的程序.

函数被调用时执行.

函数可以传入参数.

函数通常会return一个值.

在 JavaScript 中, 函数是函数对象.

声明 | 文章著作权归作者所有,如有侵权,请联系小编删除。


如果大家对特效或者小游戏开发学习感兴趣的话,可以加入小编学习交流QQ群(462411750),点击【阅读原文】即可加入.每晚8点我都会在公开讲座上免费为大家分享一些特效及小游戏开发案例。带你从零开始,学习制作特效或小游戏。让我们相互陪伴,共同成长!

640?wx_fmt=gif猜你喜欢的文章

老司机程序员用到的各种网站整理

► 程序员2万工资很高?金融从业者工资曝光,网友感慨程序员被秒杀

► 程序员那些牛逼闪闪的禁术,看到第二条我就忍不住哈哈哈哈哈哈哈哈

► 【代码收藏】爬取妹子签名和日志并邮件发送

► 浅谈canvas绘画王者荣耀-雷达图

640?wx_fmt=gif 640?wx_fmt=jpeg 640?wx_fmt=gif 640?wx_fmt=gif 点击“阅读原文”即可加入免费学习做游戏/项目。


猜你喜欢

转载自blog.csdn.net/bg70pvnybv1/article/details/80767979