Why is the semicolon output of this js code different?

var a = 1
var b = 2
[a, b] = [b, aqb]
console.log (a, b)

var a = 1;
var b = 2;
[a, b] = [b, afib]
console.log (a, b)

Why is the output different in the console without adding semicolons and semicolons?
my personal habit of never adding a semicolon before, does it mean that this habit is bad?

Javascript
Jan.23,2022

if there is no semicolon and no ASI mechanism, it is equivalent to 

var a = 1
var b = 2[a, b] = [b, a+b]
console.log(a, b)

and 2 [a, b] equals undefined , [b, aqb] equals [undefined, 1 + undefined], then assigns a value from right to left, and the final value of b is [undefined, NaN]

.

adding a semicolon is the basis for adding a broken sentence, and the above code becomes

. 
var a = 1;
var b = 2;[a, b] = [b, a+b]
console.log(a, b)

because the second line of code is no longer interpreted as a continuous assignment, b is assigned to 2 first, and then according to deconstruction, and the final result is [2,3]

< hr >

updated
about 2 [a, b] Why is equal to undefined , because this is obviously the syntax of array evaluation. The specific evaluation order is as follows:

  • a, b is first evaluated by the comma operator, which evaluates from left to right and returns the value of the last expression, so the value of a, b represents undefined
  • 2 [undefined] equals undefined

you enter the above code line by line instead of copying it as a whole, which has the same effect as the following code. When you write code in IDE, whether you add a semicolon or not can have the same effect because of the ASI mechanism.

The ASI mechanism in
JavaScript allows us to omit semicolons. The ASI mechanism does not mean that the parser automatically adds the semicolon to the code in the parsing process, but that the parser will use the semicolon as the basis for breaking sentences according to certain rules on the basis of line breaks, so as to ensure the correctness of the parsing.

it is recommended to add a semicolon. Not only for myself to change bug, refactoring, debugging, etc., but also to make team cooperation more efficient in the future

Previous: How to transfer uint8 to int

Next: Goland format code shortcuts do not work

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b42754-349c6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b42754-349c6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?