Đóng cửa bằng Javascript với nhiều dấu ngoặc đơn

Question

Có thể bất kỳ ai giải thích cách chức năng này cảnh báo, khi không có dấu ngoặc nào của thông số được chuyển. Tôi không thể hiểu rõ.

function sum(a) { 

    var sum = a 

    function f(b) { 
    sum += b 
    return f 
    } 

    f.toString = function() { return sum } 

    return f 
} 

alert(sum(1)(2)) // 3 
alert(sum(5)(-1)(2)) // 6 
alert(sum(6)(-1)(-2)(-3)) // 0 
alert(sum(0)(1)(2)(3)(4)(5)) // 15 

Answer 1

Lần đầu tiên chức năng của bạn được gọi, giá trị đầu tiên được lưu trữ trong sum. Sau đó function f(b) sẽ được trả lại, duy trì kết quả tạm thời trong sum. Với mỗi lần gọi liên tiếp, bạn thực hiện chức năng f - bạn thực hiện sum += b và trả lại f lần nữa. Nếu bối cảnh chuỗi là bắt buộc (chẳng hạn như trong số alert hoặc console.log) f.toString được gọi thay thế, trả lại kết quả (sum).

function sum(a) { 

    var sum = a 

    function f(b) { 
    sum += b 
    return f //<- from second call, f is returned each time 
       // so you can chain those calls indefinitely 
       // function sum basically got "overridden" by f 
    } 

    f.toString = function() { return sum } 

    return f //<- after first call, f is returned 
} 

Giải thích:

alert(sum(6)(-1)(-2)(-3)) // 0 
      /\ function sum called, f returned 
       /\ the returned function f is called, f returns itself 
        /\ again 
        /\ and again 
         /\ at last, alert() requires string context, 
          so f.toString is getting invoked now instead of f 

Answer 2

alert mong đợi một chuỗi. Nếu nó không nhận được một chuỗi, nó sẽ cố gắng chuyển đổi bất kỳ đối tượng nào nó nhận được (và một hàm là một loại đối tượng) thành một. Nếu đối tượng có phương thức toString thì phương thức đó sẽ được gọi để thực hiện chuyển đổi đã nói.

Answer 3

Những điều cần xem xét là đoạn mã này

function f(b) { 
    sum += b 
    return f 
    } 

Hàm này trả về tham chiếu đến chính nó để nó có thể được gọi là nhiều lần càng tốt. Một điều quan trọng về nó là nó có một hàm toString đó được gọi và kể từ toString được định nghĩa bên trong chức năng sum() nó có quyền truy cập vào biến sum và giá trị hiện tại giá trị của nó (có nghĩa là thay đổi bằng cách f())

Answer 4

Các sum và f các hàm luôn trả về hàm f, bạn có thể gọi nó là vô hạn lần mà không nhận được kết quả nào ngoài hàm.

Giá trị chỉ được trả về bởi các toString phương pháp ghi đè của f (mà thực sự trả về một số):

console.log(sum(1)(2)) // Function(){} 
console.log(sum(1)(2).toString()) // 3 

Chức năng alert ngầm gọi phương thức toString khi nó phôi đối số của nó để chuỗi.

Answer 5

Nó không làm việc như mong muốn trong tất cả các trường hợp ... Vấn đề là .toString dự kiến ​​sẽ trả về một chuỗi, vì vậy phương pháp chuỗi trong việc thực hiện cung cấp, sẽ không hoạt động, e. g. sum(2)(3).split() sẽ gây ra lỗi.

Mặc dù chúng tôi có thể giả định kết quả sum() sẽ luôn được mong đợi là một số, nhưng có thể không đúng trong một số trường hợp và có thể khó gỡ lỗi, e. g. Tôi nhận thấy vấn đề khi tôi đã thử nghiệm mã ban đầu được viết với .toString chỉ trên jsbin.com (nó split trên đối số console.log nội bộ, ghi đè nó).

Thay vào đó, .toString sẽ trông giống như return String(result);. Điều tốt là .toString (khi không có .valueOf hoặc hiện đại Symbol.toPrimitive) sẽ xử lý chuyển đổi nguyên thủy, do đó, mã mong đợi một Số cũng sẽ hoạt động. Vấn đề có thể xảy ra ở đây có thể là chuyển đổi "gấp đôi" do điều này.

Giải pháp tốt hơn có thể là sử dụng một trong hai cặp .toString và .valueOf hoặc chỉ một Symbol.toPrimitive nếu bạn chỉ nhắm mục tiêu các trình duyệt hiện đại.

Ví dụ sử dụng Symbol.toPrimitive:

function sum(a) { 
    let result = a; 

    function f(b) { 
    result += b; 

    return f; 
    } 

    f[Symbol.toPrimitive] = hint => hint === 'string' ? String(result) : result; 

    return f; 
} 

Ví dụ sử dụng .toString và .valueOf cặp.

function sum(a) { 
    var result = a; 

    function f(b) { 
    result += b; 

    return f; 
    } 

    // avoiding double conversion which will happen in case of .toString 
    f.valueOf = function() { return result; }; 
    f.toString = function() { return String(result); }; 

    return f; 
}