从 JavaScript 中的函数返回对象

Sahil Bhosale 2023年1月30日 2022年5月10日
  1. 从 JavaScript 中的普通函数返回一个对象
  2. 从 JavaScript 中的匿名函数返回对象
  3. 从 JavaScript 中的箭头函数返回一个对象
从 JavaScript 中的函数返回对象

每当我们说要从函数返回一个对象时,我们就是从另一个对象(函数)返回一个对象。有多种方法可以使用函数返回对象。

现在让我们看看如何从 JavaScript 中的函数返回对象。

从 JavaScript 中的普通函数返回一个对象

JavaScript 中有各种类型的函数。这些函数中的每一个都有不同的定义。

我们将看到这些函数类型中的每一个,我们还将看看我们是否必须在 JavaScript 中使用这些函数中的每一个返回一个对象,并从一个函数中返回任何东西,我们总是使用一个称为 return 的关键字。

常规函数是在 JavaScript 中定义函数的传统方式。这种类型的函数从其初始版本就存在于 JavaScript 编程语言中。

这个函数有三个东西,一个 function 关键字,函数名和函数体。

我们创建了一个名为 returnObj 的函数来返回一个对象。该函数旨在返回一个对象。

我们创建了一个具有两个字段的 obj 对象:该函数内的 namecompany

function returnObj(){

    var obj = {
        "name": "Adam",
        "company": "Google",
    }
	return obj;
}

var myObj = returnObj();
console.log(myObj);

输出:

{name: 'Adam', company: 'Google'}

我们必须使用 return 关键字来返回此对象并返回创建的 obj

我们必须创建一个变量 myObj,然后调用 returnObj 函数。在我们调用这个函数之后,函数将返回的任何内容(在本例中为一个对象)都将存储在 myObj 变量中。

最后,如果你打印变量 myObj,你将获得整个对象作为输出。

从 JavaScript 中的匿名函数返回对象

匿名函数是没有关联名称的函数。这种类型的函数只有一个 function 关键字和一个函数体。

它是在 ES6 版本的 JavaScript 中引入的。由于这个函数没有名字,我们不能调用这个函数。

所以,要调用这个函数,我们先把整个函数存到一个变量中,然后用这个变量名作为函数名来调用这个函数,也就是在末尾加上圆括号。

在这里,我们创建了一个没有名称的函数。我们已经创建了与之前创建的相同的对象 obj

const myObj = function (){
    var obj = {
        "name": "Adam",
        "company": "Google",
    }
	return obj;
}

console.log(myObj());

输出:

{name: 'Adam', company: 'Google'}

最后,我们将返回这个 obj,然后在我们调用这个函数之后,我们从函数返回的对象将存储在该变量中。

从 JavaScript 中的箭头函数返回一个对象

箭头函数也称为匿名函数。箭头函数和匿名函数之间的唯一区别是箭头函数在声明函数时不使用 function 关键字。

相反,它使用箭头(等号和大于号的组合)=> 来声明一个函数。在 ES6 版本的 JavaScript 中也引入了这种类型的函数。

在这里,我们创建了一个空对象 obj。我们将创建一个以对象为参数的箭头函数(entireObj)。

在箭头函数的主体内,我们将为 entireObj 对象的 namecompany 属性设置一些值。然后我们将使用 return 关键字返回 entireObj

var obj = {};
const myObj = (entireObj)=>{
    entireObj.name  = "Adam";
    entireObj.company = "Google";
    return entireObj;
}

console.log(myObj(obj));

输出:

{name: 'Adam', company: 'Google'}

最后,我们将调用函数 myObj。在调用 myObj 函数时,不要忘记将我们在开始时创建的空对象作为参数传递。

此操作的结果,即对象,将存储在 myObj 变量中,然后打印在控制台上。

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

相关文章 - JavaScript Function