JavaScript 函数的基础知识
JavaScript 函数的基础知识
当我第一次开始我的编码之旅时,我发现最重要的是函数。起初它非常混乱,只是觉得解释没有意义。你会看到很多例子,比如:
函数名(参数1){
返回参数1
}
因为我对编程完全陌生,所以我看到的很多例子没有多大意义,我有很多问题。什么是函数?它做了什么? “参数”是什么意思?据我所知,这些基本上是基本上捆绑在一起的代码片段。我在这些课程中学到了很多新术语。创建函数的第一步是使用 JavaScript 的“function”关键字(这里是 JS 的关键字列表 https://www.w3schools.com/js/js_reserved.asp 顺便说一句!),那么您需要命名函数并添加参数。我总是觉得看看它应该是什么样子以及分解什么是有帮助的,所以上述步骤的一个例子是这样的:
功能早安(姓名){
}
所以要打破这个:
- 我们有我们的
功能
初始化函数的关键字 早上好
是函数的名字,所以我们需要调用函数的时候会用到这个- 最后我们有 name,这是我们的
范围
(也称为参数!),这本质上就像我们想要输入代码的占位符 - 我们也有大括号
{ }
, 其中里面是我们要运行的代码所在的位置
继续上面的例子,让我们在里面放一些简单的代码:
功能早安(姓名){
返回`早上好${name}!`
}
一旦 早上好
函数被调用,它将运行里面的代码,在这种情况下,我们希望返回一个包含句子的字符串。最后,要调用函数,我们需要编写函数名 早上好
我们将使用参数输入名称。例如,如果我想对我的猫说早安,它将如下所示:
早上好('快乐')
它会返回 “早上好,乔利!”
.在上面的代码中,我们使用了一个叫做字符串插值的例子,这是一种将变量或表达式添加到字符串中的方法。在这种情况下,我们可以使用任何名称并将其返回,我们只需在调用函数时更改参数即可。例子:
早安('蝙蝠侠')
会回来 “早安蝙蝠侠!”
通过使用字符串插值,您可以让您的代码更加通用,编写上述函数的另一种方法是:
功能goodMorningStatic(){
返回“早上好,快活!”
}
早上好静态()
这将返回 “早上好,乔利!”
,和上面的结果一样,对吧?它有效,很简单,但除了我的猫,我们不能对任何人说早安。如果我们在调用时添加了一个参数 早上好静态
它每次都会继续返回相同的字符串。
功能goodMorningStatic(){
返回“早上好,快活!”
}
goodMorningStatic('蝙蝠侠')
它仍然会返回 “早上好,乔利!”
,但这不是很实用,你需要多久对我的猫说早安?这对我来说是好的和简单的代码,但对许多其他人没有用。字符串插值是为代码添加一些多功能性的一种很酷的小方法!有时很难记住 ``` 去吧
$` ,实际上我最终把它写在了我的笔记中,这样我可以在需要时轻松查看!一旦你一直使用它,它最终会变成肌肉记忆!
函数是编程中要掌握的最重要的事情之一,因为它们使您能够拥有可重用的代码,它们是代码的基本构建块!掌握了窍门后,写它们很有趣!无论如何,在我了解回调函数之前,我又回到了完全迷失和困惑的状态。如果您对函数的基础知识不完全满意,回调将感觉不可能。简单地解释一下,根据我所学到的,回调函数允许您将一个函数用作另一个函数中的参数。当我学习课程并在谷歌上搜索解释时,我觉得我理解的越来越少。当您刚刚学习时,您发现的一些示例只会使理解变得更加混乱,这是我制作的一个示例,希望可以简化事情:
说我们有以下功能
功能我的猫(){
返回“快活”
}
调用上述函数将返回 “快活”
回调将是这样的:
函数 thatIsMyCat(myCat) {
返回我的猫()
}
那是我的猫(我的猫)
打电话 那是我的猫(我的猫)
将返回 “快活”
.为什么?简短而有趣的是,当我们调用我们的函数时 那是我的猫
, JS 运行我们大括号中的内容,在这种情况下它是我们的函数 我的猫
! JS 然后继续运行我们的 我的猫
函数,这将返回 “快活”
,从而导致我们的 那是我的猫
返回 我的猫
.
我想尝试创建绝对最基本的回调来帮助理解这个概念,这只是一个简单的例子,对于编写真正的代码不是很实用。回调可以为您的代码提供很多复杂性和乐趣,但第一步当然是要舒适地使用它们!一定要练习!
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明