如何像人类一样写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老师,我们下节课再见

目录
打赏
0
0
1
0
61
分享
相关文章
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
【通义灵码】三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
我发掘出的通义灵码AI程序员新玩法:三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术
短短几分钟,两个完全不懂P5.js的人类,和通义灵码AI程序员一起,共同完成了有真实物理引擎和碰撞检测的3D仿真动画。人类扮演的角色更像产品经理和架构师,提出开发需求和迭代修改方案,而AI的作用更像码农,任劳任怨,熟练用各种编程语言完成技术底层的脏活累活。这只是AI编程的冰山一角,未来,每一个艺术家都能快速做出自己的创意原型,每一个数学老师都能轻松做出自己的教学动画。
20 个 JavaScript 简化技巧,让你的代码更上一层楼!
JavaScript 既灵活又强大,掌握以下20个技巧可助你编写更简洁高效的代码
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
59 1
JavaScript中的原型 保姆级文章一文搞懂

热门文章

最新文章