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

相关文章
|
20小时前
|
前端开发 JavaScript
JavaScript 时空编织者:驾驭代码的控制流程
JavaScript 时空编织者:驾驭代码的控制流程
|
20小时前
|
前端开发 JavaScript
JavaScript 魔法秘笈:编织梦幻般的代码艺术王国
JavaScript 魔法秘笈:编织梦幻般的代码艺术王国
|
20小时前
|
自然语言处理 前端开发 JavaScript
JavaScript 函数指南:掌握编程密钥库的精髓
JavaScript 函数指南:掌握编程密钥库的精髓
|
20小时前
|
前端开发 JavaScript 安全
解锁 JavaScript ES6:函数与对象的高级扩展功能
解锁 JavaScript ES6:函数与对象的高级扩展功能
|
1天前
|
JavaScript
js -- 函数总结篇,函数提升、动态参数、剩余参数、箭头函数、this指向......
js -- 函数总结篇,函数提升、动态参数、剩余参数、箭头函数、this指向......
|
1天前
|
存储 JavaScript 前端开发
JavaScript——JavaScript基础:数组 | JavaScript函数:使用、作用域、函数表达式、预解析
在JavaScript中,内嵌函数可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。①全局变量:不在任何函数内声明的变量(显式定义)或在函数内省略var声明的变量(隐式定义)都称为全局变量,它在同一个页面文件中的所有脚本内都可以使用。函数表达式与函数声明的定义方式几乎相同,不同的是函数表达式的定义必须在调用前,而函数声明的方式则不限制声明与调用的顺序。③块级变量:ES 6提供的let关键字声明的变量称为块级变量,仅在“{}”中间有效,如if、for或while语句等。
16 0
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
162 63
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
26 6