Hướng dẫn javascript call function without parentheses - hàm gọi javascript không có dấu ngoặc đơn

Có một số cách khác nhau để gọi một chức năng mà không có dấu ngoặc đơn.

Giả sử bạn có chức năng này được xác định:

function greet() {
    console.log('hello');
}

Sau đó, ở đây bằng một số cách để gọi

new constructor[([arguments])]

1. Là hàm tạo

Với

new constructor[([arguments])]

new greet; // parentheses are optional in this construct.

Từ MDN trên bộ lọc

new constructor[([arguments])]

Cú pháp

new constructor[([arguments])]

2. Như new constructor[([arguments])] 4 hoặc new constructor[([arguments])] 5 thực hiện

new constructor[([arguments])]

new constructor[([arguments])]

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

Bạn có thể (AB) sử dụng mẫu này để gọi

new constructor[([arguments])]

'' + { toString: greet };

Hoặc với

new constructor[([arguments])]

+{ valueOf: greet };

new constructor[([arguments])]

new constructor[([arguments])]

+{ [Symbol.toPrimitive]: greet }
"" + { [Symbol.toPrimitive]: greet }

2.B ghi đè new constructor[([arguments])] 5 trong nguyên mẫu chức năng

Bạn có thể lấy ý tưởng trước đó để ghi đè phương thức

new constructor[([arguments])]

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

Function.prototype.valueOf = function() {
    this.call(this);
    // Optional improvement: avoid `NaN` issues when used in expressions.
    return 0; 
};

Một khi bạn đã làm điều đó, bạn có thể viết:

+greet;

Và mặc dù có dấu ngoặc đơn liên quan đến dòng, việc gọi kích hoạt thực tế không có dấu ngoặc đơn. Xem thêm về điều này trong blog "Phương thức gọi trong JavaScript, mà không thực sự gọi chúng"

3. Là máy phát điện

Bạn có thể xác định hàm máy phát (với

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

Đầu tiên chúng ta cần một biến thể trình tạo của hàm

new constructor[([arguments])]

function* greet_gen() {
    console.log('hello');
}

Và sau đó chúng tôi gọi nó mà không có dấu ngoặc đơn bằng cách xác định phương thức @@ iterator:

new greet; // parentheses are optional in this construct.

Thông thường các trình tạo sẽ có từ khóa

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

Câu lệnh cuối cùng gọi hàm, nhưng điều đó cũng có thể được thực hiện với sự phá hủy:

new greet; // parentheses are optional in this construct.

hoặc cấu trúc

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

new greet; // parentheses are optional in this construct.

Lưu ý rằng bạn cũng có thể thực hiện các điều trên với chức năng

new constructor[([arguments])]

new constructor[([arguments])]

'' + { toString: greet };

4. Là getter

@Jehna1 có một câu trả lời đầy đủ về điều này, vì vậy hãy cho anh ta tín dụng. Dưới đây là một cách để gọi một dấu ngoặc đơn hàm trên phạm vi toàn cầu, tránh phương pháp

'' + { toString: greet };

'' + { toString: greet };

Chúng ta cần tạo một biến thể của hàm

new constructor[([arguments])]

new greet; // parentheses are optional in this construct.

Và sau đó:

new greet; // parentheses are optional in this construct.

Thay thế

'' + { toString: greet };

Bạn có thể gọi hàm

new constructor[([arguments])]

new greet; // parentheses are optional in this construct.

Nhưng người ta có thể lập luận rằng chúng ta có dấu ngoặc đơn ở đây (mặc dù chúng không liên quan đến việc gọi thực tế).

5. Chức năng thẻ

Vì ES6, bạn có thể gọi một hàm chuyển nó một mẫu theo nghĩa đen với cú pháp này:

new greet; // parentheses are optional in this construct.

Xem "Tagged Memlate Lingerals".

6. Là người xử lý proxy

Kể từ ES6, bạn có thể xác định proxy:

new greet; // parentheses are optional in this construct.

Và sau đó đọc bất kỳ giá trị tài sản nào sẽ được gọi

new constructor[([arguments])]

new greet; // parentheses are optional in this construct.

Có nhiều biến thể của điều này. Một ví dụ nữa:

new greet; // parentheses are optional in this construct.

7. Như trình kiểm tra ví dụ

Toán tử

'' + { toString: greet };

+{ valueOf: greet };

new constructor[([arguments])]

Bạn có thể gọi một chức năng mà không có dấu ngoặc đơn?

Bạn có thể gọi một chức năng mà không có dấu ngoặc đơn JavaScript không?

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

Phương pháp nào không yêu cầu sử dụng dấu ngoặc đơn trong JavaScript?