DevTools xác định tên của hàm tạo của đối tượng như thế nào?

Question

Tôi đang sử dụng Chrome v22.0.1229.94 m, không phải là vấn đề, nhưng chỉ trong trường hợp :-)

Tính di động không quan tâm đến tôi. Miễn là nó hoạt động với Chrome (và Safari) tôi rất vui.

Tôi đã hai chức năng, foo và bar:

var foo = function() { 
    ... 
} 
function bar() { 
    ... 
} 

sau đó nếu tôi tạo các đối tượng sử dụng chúng:

f1 = new foo(); 
b1 = new bar(); 

Tôi có thể lấy tên của nhà xây dựng cho thanh, nhưng cũng không cho foo:

> f1.constructor.name ==> "" 
> b1.constructor.name ==> "bar" 

nhưng trong cả hai trường hợp, bảng điều khiển DevTools sẽ hiển thị tên "foo" và "b ar "khi tôi kiểm tra các biến số f1 và b1.

Làm thế nào để trích xuất các tênfoo cho f1 như DevTools có khả năng?

Answer 1

Trong trường hợp cho foo, bạn đang tạo ra một biểu chức năng. Điều đó có nghĩa là, bạn chỉ định một hàm ẩn danh cho một biến.

Bạn không thể giải quyết hàm name theo cách lập trình như vậy, trừ khi bạn đặt tên hàm và tạo "biểu thức hàm có tên".

var foo = function foo() { 
    ... 
} 

Answer 2

V8 có thể thực hiện suy luận tên chức năng ở giai đoạn phân tích cú pháp, hiển thị thông tin này thông qua API của nó. Bạn sẽ không thể trích xuất thông tin này bằng cách sử dụng các thuộc tính đối tượng bình thường.