{"id":11756,"date":"2014-02-11T13:05:23","date_gmt":"2014-02-11T07:35:23","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=11756"},"modified":"2014-02-11T13:05:23","modified_gmt":"2014-02-11T07:35:23","slug":"javascripts-return-statement-gotcha","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/javascripts-return-statement-gotcha\/","title":{"rendered":"JavaScript’s return statement gotcha"},"content":{"rendered":"

Hi everyone,<\/p>\n

This blog is about how JavaScript parses your script (source code) when it encounters return<\/strong> statement. We can write code using any one style of following two:<\/p>\n

Style 1:<\/p>\n

[sourcecode language=”java”]
\nfunction func() {
\n return 6;
\n}
\n[\/sourcecode]<\/p>\n

and<\/p>\n

Style 2:<\/p>\n

[sourcecode language=”java”]
\nfunction func()
\n{
\n return 6;
\n}
\n[\/sourcecode]<\/p>\n

And people usually say that this is the matter of personal preference. But watch out! Here’s the catch. You can’t always put opening curly brace on next line just after return<\/strong> statement. For example, if you want to return an object from the function then the following code will not work:<\/p>\n

[sourcecode language=”java”]
\nfunction func() {
\n return
\n {
\n "key": "value"
\n };
\n}
\n[\/sourcecode]<\/p>\n

It’ll throw SyntaxError<\/strong>. The reason is how the JavaScript interpret its source code file. As we all know semicolon at line end is optional, and in this optional case JavaScript parser tries to break the physical line to logical line using new line character, and thus problem begins. So the correct way is as follows:<\/p>\n

either this:<\/p>\n

[sourcecode language=”java”]
\nfunction func() {
\n return {
\n "key": "value"
\n };
\n}
\n[\/sourcecode]<\/p>\n

or like this:<\/p>\n

[sourcecode language=”java”]
\nfunction func()
\n{
\n return {
\n "key": "value"
\n };
\n}
\n[\/sourcecode]<\/p>\n

So folks, never put opening curly brace on next line just after return<\/strong> statement, whether you like it or not!<\/p>\n","protected":false},"excerpt":{"rendered":"

Hi everyone, This blog is about how JavaScript parses your script (source code) when it encounters return statement. We can write code using any one style of following two: Style 1: [sourcecode language=”java”] function func() { return 6; } [\/sourcecode] and Style 2: [sourcecode language=”java”] function func() { return 6; } [\/sourcecode] And people usually […]<\/p>\n","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":5,"footnotes":""},"categories":[1],"tags":[55,1314],"class_list":["post-11756","post","type-post","status-publish","format-standard","hentry","category-technology","tag-javascript","tag-return-statement"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t