如何像人类一样写JavaScript代码(包会)之函数参数和返回值

简介: 如何像人类一样写JavaScript代码(包会)之函数参数和返回值

前言


JavaScript作为一门广泛应用的编程语言,其函数参数和返回值是非常重要的概念。理解和熟练运用函数参数和返回值的知识,可以帮助开发者编写更为灵活和功能强大的代码。本文将介绍函数参数和返回值的基本概念,并提供一些示例代码来帮助读者更好地理解(让你成为一个真正的人类程序猿


一、函数参数:


函数参数是函数定义时用来接收外部传入的值的变量。JavaScript函数参数具有灵活性,可以传递任意类型的值,包括基本类型和对象。


1.1 示例代码一:不带参数的函数

function greet() {
  console.log("Hello, World!");
}
greet(); // 输出:"Hello, World!"


1.2 示例代码二:带一个参数的函数

function greet(name) {
  console.log("Hello, " + name + "!");
}
greet("Alice"); // 输出:"Hello, Alice!"


当有一个参数的时候,调用是这样的:functionName(参数)


1.3 示例代码三:带多个参数的函数

function addNumbers(a, b) {
  return a + b;
}
let result = addNumbers(3, 5);
console.log(result); // 输出:8


当函数有多个参数的时候,只需要这样调用函数:functionName(参数1,参数2…参数n)


二、函数返回值


函数返回值是函数执行完毕后返回给调用者的结果。JavaScript函数可以使用return语句返回一个值,也可以不返回任何值,此时返回值为undefined。


2.1 示例代码一:没有返回值的函数

function greet() {
  console.log("Hello, World!");
  // 没有return语句
}
let result = greet();
console.log(result); // 输出:undefined


2.2 示例代码二:带返回值的函数

function addNumbers(a, b) {
  return a + b;
}
let result = addNumbers(3, 5);
console.log(result); // 输出:8


2.3 示例代码三:返回对象的函数

function createPerson(name, age) {
  return {
    name: name,
    age: age
  };
}
let person = createPerson("Alice", 25);
console.log(person.name); // 输出:"Alice"
console.log(person.age); // 输出:25


三、函数参数的默认值:


JavaScript支持为函数参数设置默认值,当调用函数时没有传递该参数时,将使用默认值。这在部分参数值可选的场景下非常有用。

他的语法结构为:

function a(name = "Hello world")
{
  //code...
}


只需要使用"="把参数的值赋值上去就可以了,当不传参数的时候,他的值为你=后面的东西,如果你传参数,他就会变成你的传的那个值


3.1 示例代码一:设置参数的默认值

function greet(name = "World") {
  console.log("Hello, " + name + "!");
}
greet(); // 输出:"Hello, World!"
greet("Alice"); // 输出:"Hello, Alice!"


3.2 示例代码二:使用默认值的函数

function power(base, exponent = 2) {
  return Math.pow(base, exponent);
}
let result1 = power(3); // 使用默认的exponent值
console.log(result1); // 输出:9
let result2 = power(2, 4); // 传递自定义的exponent值
console.log(result2); // 输出:16


3.3 示例代码三:默认参数可以使用前面参数的值

function fullName(firstName, lastName = firstName) {
  return firstName + " " + lastName;
}
let result = fullName("Alice");
console.log(result); // 输出:"Alice Alice"


3.4 注意点

这个函数参数的默认值只能为最后n个加,你不能像下面这样加:

function a(name,age=12,body)
{
  //code...
}


这样就会有问题了!!!从而导致bug甚至是报错的出现!


总结


函数参数和返回值是编写JavaScript代码过程中至关重要的概念。通过合理使用函数参数,我们可以灵活地传递值给函数,从而实现不同的功能。而返回值则提供了函数运行完毕后返回结果的途径,帮助我们获取函数的执行结果。另外,了解和应用函数参数的默认值可以让我们编写更加健壮和易用的函数。


希望本文的介绍和示例代码能够帮助读者更好地理解和运用函数参数和返回值的概念,在编写JavaScript代码时能够写出更优雅、高效的函数。


now 现在您已经学会了JS函数的参数和返回值了,你开始在您亲爱的IDE开始像人类一样写JavaScript代码,并且非常熟练,我是人才程序猿,你们的人类JavaScript老师,我们下节课再见

相关文章
|
3月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
5月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
158 1
|
6月前
|
JavaScript 前端开发
怀孕b超单子在线制作,p图一键生成怀孕,JS代码装逼娱乐
模拟B超单的视觉效果,包含随机生成的胎儿图像、医疗文本信息和医院标志。请注意这仅用于前端开发学习
|
6月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
274 19
|
6月前
|
JavaScript
JS代码的一些常用优化写法
JS代码的一些常用优化写法
117 0
|
8月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
742 9
|
8月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
9月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外,还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具,常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积,还能优化代码逻辑,提升可靠性。例如,在调试中发现,Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`(启用压缩)、`mangle`(变量名混淆)和 `output`(输出配置)。更多高级用法可参考官方文档。
653 11
|
前端开发 JavaScript
8 种技巧让你编写更简洁的 JavaScript 代码
8 种技巧让你编写更简洁的 JavaScript 代码
339 0
8 种技巧让你编写更简洁的 JavaScript 代码
|
Web App开发 JavaScript 前端开发