javascript - 无法理解此 javascript 代码

Question

我是 javascript 新手，我必须了解一个 appcelerator 项目。在 appcelerator 中，我们需要在 java 脚本中编写代码。

var winForm = (function() {

    var API = {};

    API.list = [
        {
            title:'title1', hasChild:true, color:'#9B0B0B',font:'font'
        },
        {
            title:'title2', hasChild:true, color:'#9B0B0B',font:'font'
        },
        {
            title:'title3', hasChild:true, color:'#9B0B0B',font:'font'
        }
    ];//end winList

    return API;
})(); //end 
module.exports = winForm;

这是什么类型的功能？
这是什么“{}”初始化？
我们在 API.list 中做什么？
如何调用这个函数和列表。
这是什么出口？

很抱歉在一篇文章中问了这么多问题。

score 2 · Accepted Answer

这是一个声明创建范围的匿名函数。
它创建一个空对象。它没有属性，但已定义。
list被设置[ ... ]为由 3 个对象组成的数组（即表示法）。每个对象都有 4 个属性，title、hasChild、color和font，以及各自的值。
您不能显式调用此函数，它已声明、运行，结果存储在变量winForm中（然后存储在中module.exports）。
对象上的一些属性module，不管是什么。

您应该花时间了解有关 javascript 工作原理的更多信息。我推荐http://javascript.info/作为一个很好的提升。

score 2 · Accepted Answer

I would like to recommend some useful links, these will enrich your knowledge

score 1 · Accepted Answer

1) 该函数是一个立即匿名自执行表达式函数，形式为variable = (function() {}())

2) API 被初始化为一个对象（或哈希表），其作用域在该函数内

3) API.list 是一个对象数组，每个对象包含四对key:value

4) 函数是自执行的，因此当您返回 API 对象时，您将其分配给 winForm 变量

5)winForm is the returning object and winForm.list is the array.
Since you assign module.exports = winForm; then module.exports.list is your array

score 0 · Accepted Answer

1.This function is called as anonymous function or rather you can say self executing function

2.It is creating an empty object 

3.API.list is array of the object .. To define array [ ] these brackets are used and for object { }.
4. You are using the return function .. and the result is getting stored in module.export
5. Export is the method name .. There has to be a method object define somewhere in js . you can you this method to get your result
as in the winForm  function  and used for some purpose

javascript - 无法理解此 javascript 代码

4 回答 4

Related

Reference