JavaScript的返回语句

吴欣
236 阅读3分钟

在JavaScript中，返回语句被函数用来返回函数调用的特定值，就像其他编程语言一样。当返回语句被执行时，它将停止程序的执行。我们只能在函数主体内使用返回语句，把返回语句放在函数主体的末尾是比较好的做法，因为返回语句之后的每一个语句都是编译器无法到达的。

这篇文章围绕着

为什么我们在JavaScript中使用返回语句

当我们需要从函数中获得一个特定的值来用于其他程序时，我们会使用返回语句。

返回语句可以返回JavaScript中的每一种数据类型，比如。

  • 字符串
  • 数字
  • 布尔型
  • 数组
  • 对象
  • 函数

返回语句如何在JavaScript中工作

返回语句使用一个返回 关键字和一个表达式或一个需要根据程序员要求返回的值。返回语句必须以分号（;）结束。

语法

return value;

上述语法中的Value 被定义为函数返回的值。在返回语句中值是可选的。如果我们不指定值，返回语句会返回一个未定义的结果。

带值的返回语句

下面的例子用来展示JavaScript中带值的返回语句的简单用法。

代码

var show = a(2, 3);  
function a(b, c)  
{  
return b * c;  
}  
console.log(`This function returns ${show} as a product of b and c.`);

输出

在这里，我们采取了一个变量show ，并指定了一个有两个参数的函数。然后我们创建了一个函数a() ，它接收两个参数b和c 并返回它们的乘积。然后，我们显示上面的结果，可以清楚地看到。

没有值的返回语句

我们也可以使用没有值的返回语句，但没有值的返回语句只用于终止程序。下面的例子展示了无值返回语句的使用。

代码

var a = y();  
function y()
{  
  var x = 1;  
  while(x)
   {
    console.log(`${x} `);
      if (x == 4)
      {
        return;
      }
      x++;
   }
}

程序继续执行，直到x 的值变成4，控制将进入if语句并执行返回语句，这将终止程序。

输出

上面的例子清楚地表明，程序一直在打印x的值，直到执行返回语句的条件到来，程序终止。

没有返回语句的函数

下面的例子演示了如果我们不在函数的主体中指定返回语句并要求返回值会发生什么。

代码

function product(a)
{
  let b = a * a;
}
let result = product(4);
console.log(`Product : ${result}`);

这里我们创建了一个函数profit()，它接受一个参数，并将两个数字的乘积存储在变量b中。然后在函数外，我们采取另一个变量result，并通过函数调用对其进行初始化。最后，我们打印结果。

输出

在上面的例子中，可以清楚地看到输出是未定义的，因为结果变量要求从函数中获得一个返回值，但函数中没有返回语句。

使用数组的多值返回语句

在使用数组时，我们也可以在返回语句的帮助下返回多个值。在下面的例子中，我们可以看到我们如何使用返回语句来返回多个值。

代码

function info()
{  
    let name = 'Huzaifa',  
    contact = '+92302123456',  
    age = '26',  
    des = 'Content Writer';  
     
    return [name, contact, age, des];  
}  
const [name, contact, age, des] = info();      
console.log(`Name = ${name}
Contact = ${contact}
Age = ${age}
Designation = ${des}`);

在这里，我们创建了一个函数info()，在该函数中，我们创建了四个变量（name, contact, age, des）并给它们分配了一些值。之后，我们返回一个包含姓名、联系人、年龄和职位的数组。在函数的外面，我们用info()函数的调用将这个常数组初始化。最后，我们打印所有的变量。

输出

在上面的例子中，我们可以清楚地看到，程序在使用数组时，借助于返回语句返回了多个值。

使用对象的多值返回语句

在使用对象时，我们也可以在返回语句的帮助下返回多个值。在下面的例子中，我们可以看到我们如何使用返回语句来返回多个值。

代码

function lpmodal()
{  
    let name = 'Macbook Air pro',  
    brand = 'Apple',  
    price = '$550.73';  
     
    return {name, brand, price};  
}  
let {name, brand, price} = lpmodal();      
console.log(`Name = ${name}
Company = ${brand}
Price = ${price}`);

在这里，我们创建了一个函数lpmodal()，在该函数中，我们创建了三个变量（名称、品牌、价格）并为它们赋值。之后，我们返回一个对象，其中包含作为键值对的名称、品牌和价格。在函数外部，我们使用lpmodal()函数调用该对象并初始化它。最后，我们打印所有的变量。

输出

在上面的例子中，我们可以清楚地看到，在使用对象时，程序借助返回语句返回多个值。

总结

在JavaScript中，返回语句可以终止程序，并返回一个指定的值。在上面的文章中，我们可以看到如何在JavaScript中使用返回语句，为什么要在JavaScript中使用返回语句，以及返回语句在不同情况下如何工作。

avatar
文章
阅读
粉丝