An object will not be returned unless the opening curly bracket is positioned directly next to the return statement

Question

An object will not be returned unless the opening curly bracket is positioned directly next to the return statement

compClasses: function() {
    /* The functionality is different depending on the placement of curly brackets */
    return 
    {
        major: this.valA,
        minor: this.valB
    }
    /* It works like this, please pay attention to the position of the curly brackets */
    return {
        major: this.valA,
        minor: this.valB
    }
}

javascript vue.js

Answer 1

Answer №1

JavaScript has a feature where it automatically adds semicolons to end statements when necessary. For example:

return
{
    major: this.valA,
    minor: this.valB
}

In this case, the return statement is executed as if you had written return;. However, if you write:

return {
    major: this.valA,
    minor: this.valB
}

the entire object will be returned with a semicolon added after the object.

The rules for automatic insertion of semicolons in JavaScript are as follows (source):

when the next line starts with code that breaks the current one (code can span multiple lines)
when the next line starts with a }, closing the current block
when the end of the source code file is reached
when there is a return statement on its own line
when there is a break statement on its own line
when there is a throw statement on its own line
when there is a continue statement on its own line

Answer 2

JavaScript has a feature where it automatically adds semicolons to end statements when necessary. For example:

return
{
    major: this.valA,
    minor: this.valB
}

In this case, the return statement is executed as if you had written return;. However, if you write:

return {
    major: this.valA,
    minor: this.valB
}

the entire object will be returned with a semicolon added after the object.

The rules for automatic insertion of semicolons in JavaScript are as follows (source):

when the next line starts with code that breaks the current one (code can span multiple lines)
when the next line starts with a }, closing the current block
when the end of the source code file is reached
when there is a return statement on its own line
when there is a break statement on its own line
when there is a throw statement on its own line
when there is a continue statement on its own line

An object will not be returned unless the opening curly bracket is positioned directly next to the return statement

Answer №1

Similar questions

Steps to reveal a div when a button is clicked within a v-for loop using VueJS

What is the method to store and retrieve data attributes linked to elements such as select options within the React framework?

Encountering Routing Issues in Express.js Following Passport.js Authentication

From AJAX response to React state attribute, store the JSON data

Vue fails to automatically update when there is a change in computed data

What is the best way to share specific links on LinkedIn articles?

Unable to use console log in shorthand arrow function while working with Typescript

Challenge encountered while creating a child tag that can be assigned to multiple parent tags

Manage the border around the image by incorporating a timer countdown - starting from a complete circle, transitioning to a partial arc, and finally disappearing completely

The attempt to compress the code from this particular file within the node_modules directory was unsuccessful

How can I implement a jQuery popup that prompts users to log in or register if they are not currently authenticated?

Utilizing ng-options to pass values rather than entire objects

Trigger an event on an element upon first click, with the condition that the event will only fire again if a different element is clicked

Communication between a directive controller and a service via an HTTP call

How can I make a POST request from one Express.js server to another Express.js server?

Modifying subtotal values using PHP and JavaScript

Reaching out to the Edge: Enhancing the jQuery Slider Experience

Finding the arithmetic operator and then assigning both the operator and its index to a globally accessible variable can be accomplished through a

A Guide to Connecting a JavaScript File to an HTML Page with Express and Node.js

Fetching JSON data from an external URL using AngularJS