Tại sao JavaScript này hoạt động?

Question

tôi đang tìm kiếm tại đầu ra của một số công cụ từ UglifyJS và xảy ra trên một số mã như sau:

var a = 0; 
var b = function() { 
    return function() { 
     a++; 
    }(), 'Hello, World' 
}(); 

Sau khi chạy mã a là 1 và b là chuỗi Hello, World!.

Thoạt nhìn, có vẻ như b sẽ là undefined vì có vẻ như kết quả của hàm không có giá trị trả về được trả về, nhưng sau đó là dấu phẩy và chuỗi ký tự.

Tại sao tính năng này hoạt động?
Và tại sao UglifyJS chỉ thực hiện chức năng ẩn danh và sau đó trả lại Hello, World! làm tuyên bố tiếp theo?

Answer 1

Nó hoạt động do toán tử dấu phẩy. Từ thông số MDN:

Toán tử dấu phẩy đánh giá cả toán hạng thứ hai (từ trái sang phải) và trả về giá trị của toán hạng thứ hai.

Cả hai chức năng đều là IFFY, chúng được thực thi ngay lập tức.

Answer 2

Kết quả của biểu thức sử dụng the comma operator là phía bên tay phải của toán tử dấu phẩy.

Bạn có:

return a_function_call(), a_string 

... để bạn có được a_string giao.

Answer 3

Trước hết hãy để tôi trích dẫn MDN on the comma operator:

Nhà điều hành dấu phẩy đánh giá cả hai toán hạng của nó (từ trái sang phải) và trả về giá trị của toán hạng thứ hai.

Với điều đó đang được nói, rõ ràng, làm thế nào mã của bạn đánh giá:

Bên trong chức năng ngay lập tức thực hiện bạn quay trở lại 2 giá trị cách nhau bởi dấu phẩy:

function() { a++; }() 

và

'Hello World' 

Vì vậy, cả hai toán hạng đều được đánh giá. Đây increments biến của bạn a và dẫn đến các biểu thức sau đây cho giá trị trả về của hàm để tạo b:

undefined, 'Hello World' 

Cuối cùng toán hạng phải được trả về như một giá trị cho chức năng bên ngoài, do đó đem lại b giá trị 'Hello World'.

Answer 4

Khám phá comma operator in JavaScript.

Toán tử dấu phẩy đánh giá cả hai toán hạng của nó (từ trái sang phải) và trả về giá trị của toán hạng thứ hai.