糖尿病康复,内容丰富有趣,生活中的好帮手!
糖尿病康复 > JavaScript简餐——初识函数

JavaScript简餐——初识函数

时间:2020-07-13 21:01:54

相关推荐

JavaScript简餐——初识函数

文章目录

前言初始函数1.函数声明2.函数表达式3.箭头函数(ES6新特性)4.使用Function构造函数总结

前言

写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计(第4版)》一书时出现的各个知识点。虽是对读书的笔记和总结,但是希望它轻量、简洁、犀利,不会引起阅读疲劳,可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理,来达到个人复习总结和分享知识的目的。


初始函数

函数,实际上它是对象。每个函数都是Function类型的实例,而Function也有属性和方法,跟其他引用类型一样。因为函数是对象,所以函数名就是指向函数对象的指针,而且不一定与函数本身紧密绑定。函数通常有以下四种声明方式:

1.函数声明

例如像下面这样声明:

function add(num1, num2) {return num1 + num2;}

这里要注意函数定义最后没有加分号。

2.函数表达式

函数表达式与函数声明几乎是等价的:

let sum = function(num1, num2) {return num1 + num2;};

这里,代码定义了变量sum并将其初始化为一个函数。注意function关键字后面没有名称。这个函数可以通过变量sun来引用。像这样:sum()。注意这里的函数末尾是有分号的,与任何变量初始化语句一样。

3.箭头函数(ES6新特性)

箭头函数的定义方式如下:

let sun = (num1, num2) => {return num1 + num2;}

4.使用Function构造函数

最后一种定义函数的方式是使用Function构造函数。这个构造函数接收任意多个字符串参数,最后一个参数始终会被当成函数体,而之前的参数都是新函数的参数。来看一下这个例子:

let sum = new Function('num1', 'num2', 'return num1 + num2'); // 不推荐

不过并不推荐使用这种语法来定义函数,因为这段代码会被解释两次:第一次是将它当作常规ECMAScript代码,第二次是解释传给构造函数的字符串。这显然会影响性能。不过,把函数想象为对象,把函数名想象为指针很重要。上面这种语法很好地诠释了这个概念。


总结

以上就是今天要讲的内容,今天简单地介绍了一下函数的概念以及它的四种定义方法。下一篇开始我们来详细了解一下箭头函数。撒花~

如果觉得《JavaScript简餐——初识函数》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。