Tại sao dấu ngoặc đơn được sử dụng để ngắt lệnh gọi hàm javascript?

(expression)

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

Bất kỳ biểu thức nào được đánh giá, bao gồm các biểu thức được nối bằng dấu phẩy

Toán tử nhóm bao gồm một cặp dấu ngoặc đơn xung quanh một biểu thức nhóm các nội dung. Toán tử ghi đè mức độ ưu tiên của toán tử bình thường, do đó, các toán tử có mức độ ưu tiên thấp hơn (thấp bằng toán tử dấu phẩy) có thể được đánh giá trước toán tử có mức độ ưu tiên cao hơn

Đánh giá phép cộng và phép trừ trước khi nhân và chia

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

Lưu ý trong các ví dụ này rằng thứ tự mà các toán tử đánh giá đã thay đổi, nhưng thứ tự mà các toán hạng đánh giá thì không. Ví dụ: trong mã này, các lời gọi hàm

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

a() * (b() + c());

Hàm

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

Một câu lệnh biểu thức không thể bắt đầu bằng từ khóa

a() * (b() + c());

function () {
  // code
}();

Toán tử nhóm có thể được sử dụng để loại bỏ sự mơ hồ này, vì khi trình phân tích cú pháp nhìn thấy dấu ngoặc đơn bên trái, nó biết rằng những gì theo sau phải là một biểu thức thay vì một khai báo

(function () {
  // code
})();

Bạn cũng có thể sử dụng toán tử để loại bỏ sự mơ hồ

Trong phần thân ngắn gọn của hàm mũi tên (phần trả về trực tiếp một biểu thức không có từ khóa

a() * (b() + c());

const f = () => ({ a: 1 });

Nếu một thuộc tính được truy cập trên một số bằng chữ, thì dấu chấm của trình truy cập thuộc tính

a() * (b() + c());

(1).toString(); // "1"

Toán tử nhóm có thể giảm thiểu (ASI) cạm bẫy. Ví dụ: từ khóa

a() * (b() + c());

function sum(a, b) {
  return
    a + b;
}

Mã này sẽ trả về

a() * (b() + c());

a() * (b() + c());

a() * (b() + c());

a() * (b() + c());

function sum(a, b) {
  return (
    a + b
  );
}

Tuy nhiên, việc phân nhóm cũng có thể gây ra các mối nguy ASI. Khi một dòng bắt đầu bằng dấu ngoặc đơn trái và dòng trước đó kết thúc bằng một biểu thức, trình phân tích cú pháp sẽ không chèn dấu chấm phẩy trước dấu ngắt dòng, bởi vì dấu chấm phẩy có thể ở giữa một lệnh gọi hàm. Ví dụ

const a = 1
(1).toString()

Mã này sẽ được phân tích thành

const a = 1;
const b = 2;
const c = 3;

// default precedence
a + b * c; // 7
// evaluated by default like this
a + (b * c); // 7

// now overriding precedence
// addition before multiplication
(a + b) * c; // 9

// which is equivalent to
a * c + b * c; // 9

Cái nào ném "TypeError. 1 không phải là một chức năng". Nếu kiểu viết mã của bạn không sử dụng dấu chấm phẩy, hãy nhớ rằng khi một dòng bắt đầu bằng dấu ngoặc đơn bên trái, hãy thêm dấu chấm phẩy vào trước dòng đó. Phương pháp này được khuyến nghị bởi một số trình định dạng và/hoặc hướng dẫn kiểu, bao gồm và

Việc sử dụng () trong JavaScript là gì?

Điều gì xảy ra khi bạn gọi một hàm không có dấu ngoặc đơn?

Sự khác biệt giữa gọi hàm có dấu ngoặc đơn và không có trong JavaScript là gì?

Điều gì xảy ra trong dấu ngoặc đơn chức năng?