blocks|key|4131516|text|以下表示法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4131517|var+obj+=+{};|code-block|syntax|javascript|4131518|被称为“对象文字”。它需要一个键/值对的列表，它是对象的属性。|4131519|仅此而已。|4131520|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

The following notation:

<pre><code>var obj = {};
</code></pre>

Is called "object literal". It expects a list of key/value pairs, being the properties of the object.

And only that.

blocks|key|781645|text|您尝试的语法没有任何意义。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781646|如果您希望立即执行函数，可以执行以下操作。它的工作原理是将函数转换为表达式，而不是声明：|781647|obj={
++name:+(function(){
++++alert("maizere");
++})()
};|code-block|syntax|javascript|781648|但是，这并不等同于：|781649|obj={
++name:+function(){
++++alert("maizere");
++}
};

obj.name();|781650|因为每个不同函数调用中的this都是不同的。对于前者，this将指向全局对象(在浏览器中通常为Window+)，而在后一种情况下，this将指向obj。|offset|length|style|CODE|781651|entityMap^0|0|0|0|0|0|C|4|R|4|1B|6|1T|4|20|3|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]|$O|12|P|13|Q|R]|$O|14|P|15|Q|R]|$O|16|P|17|Q|R]|$O|18|P|19|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$]]

The syntax you were trying doesn't make sense.

If you wish to execute a function straight away, you can do the following. This works by converting your function for use as an expression, rather than as a declaration:

<pre><code>obj={
 name: (function(){
 alert("maizere");
 })()
};
</code></pre>

However this is not the same as:

<pre><code>obj={
 name: function(){
 alert("maizere");
 }
};

obj.name();
</code></pre>

Because <code>this</code> inside each different function call will be different. With the former <code>this</code> wll point to the global object (normally <code>Window</code> in browsers) and in the latter <code>this</code> will point to <code>obj</code>.

blocks|key|155190|text|对象文字不是类，因此不存在根对象的作用域，这与window对象类似。此外，对象字面量在句法结构上并不具有这样做的意图。它是一个异构的键值对列表。如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|155191|var+o+=+{+a+:+b+};|code-block|syntax|javascript|155192|JavaScript没有类。但是，with语句(很少使用)允许这种行为(在不指定对象根的情况下访问对象的属性或方法)。|155193|var+obj+=+{+name:+function()+{}+};

with+(+obj+)+{
++++name();
}|155194|但是这个结构不应该在代码中使用，因为它会导致问题。但作为对您问题的回答，它确实起到了作用。|155195|entityMap^0|N|6|0|0|H|4|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

An object literal is not a class, so there is no scoping to the root object, similar with the <code>window</code> object. Besides, object literals are not syntactically structured with the intent to do this. It is a heterogeneous list key-value pairs. Like this:

<pre><code>var o = { a : b };
</code></pre>

JavaScript doesn't have classes. However, the <code>with</code> statement (seldom used) allows this behavior (to access a property or method on an object without specifying the objects root).

<pre><code>var obj = { name: function() {} };

with ( obj ) {
 name();
}
</code></pre>

But this construct should not be used in code as it causes problems. But as an answer to your question, it does the job.

blocks|key|4131609|text|是的，肯定有什么不对劲。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4131610|JavaScript对象由名称:值对组成，因此不允许您打破该模式而执行其他操作。请看一下the+details|offset|length|4131611|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/JavaScript/Data_structures^0|0|18|B|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Yes definitely something is wrong.

JavaScript Objects consist of name:value pairs, so you are not allowed to break that pattern and do other stuff.
Please have a look at <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Data_structures" rel="nofollow">the details</a>

blocks|key|4614063|text|如果您需要基于类的语言意义上的构造函数，这可能是一种更好的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4614064|//+"class"+definition+and+constructor
var+MyObject+=+function()+{
++this.name();
};
//+method
MyObject.prototype.name+=+function()+{
++alert("maizere");
};

//+create+an+object+instance+of+your+"class"
var+obj+=+new+MyObject();|code-block|syntax|javascript|4614065|请注意，Javascript没有类。然而，这个术语有时有助于理解Javascript构造函数的方法。|4614066|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you want a constructor in the sense of class-based languages this could be a better approach:

<pre><code>// "class" definition and constructor
var MyObject = function() {
 this.name();
};
// method
MyObject.prototype.name = function() {
 alert("maizere");
};

// create an object instance of your "class"
var obj = new MyObject();
</code></pre>

Note that Javascript has no classes. However, the term sometimes helps to understand the approach of Javascript constructors.

blocks|key|781772|text|JavaScript有几个内置的对象，比如String、Date、Array等等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781773|对象只是一种特殊类型的数据，具有属性和方法。|781774|访问对象属性的语法为：|781775|objectName.propertyName|code-block|syntax|javascript|781776|示例：|781777|var+message="Hello+World!";
var+x=message.length;|781778|执行上述代码后，x的值将为:+12|781779|注意message是如何成为对象的。|781780|下面是另一个使用new实例化对象并向其添加属性的示例。|781781|person=new+Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";|781782|现在，这里有一个类示例：|781783|function+HelloWorld(hour)
{
++//+class+"constructor"+initializes+this.hour+field
++if+(hour)
++{
++++//+if+the+hour+parameter+has+a+value,+store+it+as+a+class+field
++++this.hour+=+hour;
++}
++else
++{
++++//+if+the+hour+parameter+doesn't+exist,+save+the+current+hour
++++var+date+=+new+Date();
++++this.hour+=+date.getHours();
++}

++//+display+greeting
++this.DisplayGreeting+=+function()
++{
++++if+(this.hour+>=+22+%7C%7C+this.hour+<=+5)+
++++++document.write("Goodnight,+world!");
++++else
++++++document.write("Hello,+world!");
++}++
}|781784|在本例中，HelloWorld是类。|781785|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|19|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|1D|8|@]|9|@]|A|$I|J]]|$1|W|3|X|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|H|7|1F|8|@]|9|@]|A|$I|J]]|$1|10|3|11|5|6|7|1G|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|13|$]]

JavaScript has several built-in objects, like String, Date, Array, and more.

An object is just a special kind of data, with properties and methods.

The syntax for accessing the property of an object is:

<pre><code>objectName.propertyName
</code></pre>

example:

<pre><code>var message="Hello World!";
var x=message.length;
</code></pre>

The value of x, after execution of the code above will be:
12

Note how message is the object.

Here's another example where you instantiate the object using new, and add properties to it.

<pre><code>person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
</code></pre>

Now, here's a class example:

<pre><code>function HelloWorld(hour)
{
 // class "constructor" initializes this.hour field
 if (hour)
 {
 // if the hour parameter has a value, store it as a class field
 this.hour = hour;
 }
 else
 {
 // if the hour parameter doesn't exist, save the current hour
 var date = new Date();
 this.hour = date.getHours();
 }

 // display greeting
 this.DisplayGreeting = function()
 {
 if (this.hour &gt;= 22 || this.hour &lt;= 5) 
 document.write("Goodnight, world!");
 else
 document.write("Hello, world!");
 } 
}
</code></pre>

In this example, HelloWorld is the class.

Can we execute a function within our object itself? See code below:

<pre><code>obj = {
 name:function(){alert("maizere");}
};
</code></pre>

As <code>obj.name()</code> also means the same i.e getting access to an object and executing the function. Why not execute inside the object itself, something like this:

<pre><code>obj = {
 name:function(){
 alert("maizere");
 },
 name();
};
</code></pre>

Since <code>obj = new obj() == { obj() }</code> right?

I was unsuccessful when I tried this. Is anything wrong here or am I wrong?

Executing functions in objects

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我们可以在对象本身内执行函数吗？请看下面的代码：obj = {     name:function(){alert("maizere");}};因为obj.name()也意味着同样的意思，即访问对象并执行函数。为什么不在对象本身内部执行，就像这样：obj = {     name:function(){        ...

问在对象中执行函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在对象中执行函数EN