blocks|key|4469392|text|它的工作方式类似于其他编程语言中的类。因此，您可以使用Test.func1访问公共func1成员，并使用Test.func1()像调用普通函数一样调用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4469393|entityMap^0|R|A|15|5|1G|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

That works like a class in other programming languages. Therefore, you can access the public <code>func1</code> member using <code>Test.func1</code> and call it like a normal function using <code>Test.func1()</code>.

blocks|key|4469443|text|它是return语句中的一个文本对象。这就像创建一个对象，然后返回它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4469444|var+obj+=+{
++++func1:+func1,
++++func2:+func2,
++++func3:+func3
};
return+obj;|code-block|syntax|javascript|4469445|文本对象语法创建对象并设置其属性，类似于：|4469446|var+obj+=+new+Object();
obj.func1+=+func1;
obj.func2+=+func2;
obj.func3+=+func3;
return+obj;|4469447|返回对象的目的是向外部代码揭示函数内部的函数，同时为函数可以使用的私有变量创建一个作用域。|4469448|当不使用私有变量时，代码的作用与以下相同：|4469449|var+Test+=+{
++func1:+function()+{
++++++//do+something.....
++},
++func2:+function()+{
++++++//do+something.....
++},
++func3:+function()+{
++++++//do+something.....
++}
};|4469450|私有变量在函数作用域中声明，并且只能由其中的函数访问。示例：|4469451|var+Test+=+(function+()+{

++var+name;

++function+setName(str)+{
++++name+=+str;
++}

++function+getName()+{
++++return+name;
++}

++return+{
++++++setName:+setName,
++++++getName:+getName
++};

})();

Test.setName("John+Doe");
var+name+=+Test.getName();|4469452|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

It's a literal object in the return statement. It's like creating an object and then returning it:

<pre><code>var obj = {
 func1: func1,
 func2: func2,
 func3: func3
};
return obj;
</code></pre>

The literal object syntax creates an object and sets its properties, just like:

<pre><code>var obj = new Object();
obj.func1 = func1;
obj.func2 = func2;
obj.func3 = func3;
return obj;
</code></pre>

The purpose of returning the object is to reveal the functions inside the function to the code outside, while creating a scope for private variables that the functions can use.

When not using private variables, the code does the same thing as:

<pre><code>var Test = {
 func1: function() {
 //do something.....
 },
 func2: function() {
 //do something.....
 },
 func3: function() {
 //do something.....
 }
};
</code></pre>

Private variables are declared inside the function scope, and are only reachable by the functions inside it. Example:

<pre><code>var Test = (function () {

 var name;

 function setName(str) {
 name = str;
 }

 function getName() {
 return name;
 }

 return {
 setName: setName,
 getName: getName
 };

})();

Test.setName("John Doe");
var name = Test.getName();
</code></pre>

I am learning JavaScript and have come across of the structure below:

<pre><code>var Test = (function () {

 function func1() {
 //do something.....
 }

 function func2() {
 //do something.....
 }

 function func3() {
 //do something.....
 }

 return {
 func1: func1,
 func2: func2,
 func3: func3
 };

})();
</code></pre>

I am wondering what the return block is doing. Is this a very commonly used JavaScript structure? Please let me know where can I get more information about this.

Javascript return with colon

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在学习JavaScript，并遇到了下面的结构：var Test = (function () {  function func1() {      //do something.....  }  function func2() {      //do something.....  }  function fu...

问使用冒号返回Javascript
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用冒号返回JavascriptEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用冒号返回Javascript
EN