Khi nào sử dụng điều này trong javascript OO?

Question

Trong Javascript OO, khi nào tôi nên sử dụng từ khóa this?

Ngoài ra, nếu tôi muốn gọi phương thức của một lớp từ một phương pháp khác của cùng một lớp, tôi có nên sử dụng this hoặc chỉ tên của hàm? Ví dụ: điều này có đúng không?

function Foo() 
{ 
    this.bar= function() 
    { 
     alert('bar'); 
    } 

    this.baz= function() 
    { 
    this.bar(); //should I use this.bar() or just bar()? 
    } 
} 

Answer 1

Khi nói đến JavaScript "hướng đối tượng", đây là hướng dẫn tuyệt vời Mark Dickinson ở đây trên SO liên kết với: Private Members in JavaScript. Nó đi vào chi tiết về một số thứ khác bạn không thực sự cần bây giờ, nhưng một khi bạn hiểu JavaScript hoạt động như thế nào, bạn sẽ thấy nó khá khác với ngôn ngữ hướng đối tượng thông thường của bạn khi nói đến những thứ như những gì this thực sự có nghĩa là .

Tôi muốn nói rằng trong trường hợp của bạn, bạn chắc chắn nên sử dụng this, nhưng có lẽ chức năng của bạn phải ở trong prototype một phần của "lớp" của bạn (điều này tránh được xác định lại chức năng mỗi khi một trường hợp mới được tạo ra.)

Answer 2

Trong trường hợp cụ thể này, tốt nhất nên sử dụng biến tự tham chiếu ở vị trí this để tránh nhầm lẫn và đau đầu bên trong các chức năng.

function Foo() 
{ 
    var self = this; 

    this.bar= function() 
    { 
     alert('bar'); 
    } 

    this.baz= function() 
    { 
    self.bar(); 
    } 
} 

Lý do đó là vì kể từ khi tất cả mọi thứ trong javascript là một đối tượng, từ khóa this bên trong một hàm đề cập đến chức năng cha mẹ. Bằng cách xác định một biến ở một phạm vi nhất định, biến bảo đảm của bạn sẽ duy trì phạm vi của nó.

Answer 3

Chỉ cần nhấn mạnh và thấu hiểu câu trả lời trước đó của @ tj111 Tôi đề nghị bạn đọc this. Để hiểu rõ hơn về chức năng phạm vi.

Answer 4

Phiên bản chính xác là phiên bản không đưa ra lỗi khi bạn cố gắng gọi hàm. Nếu bạn bỏ qua this, bạn sẽ nhận được một ngoại lệ ReferenceError.

Answer 5

Tôi đã tìm thấy 3 Ways to define a javascript class hữu ích.

Answer 6

Trong bài đăng khác về 'hàm răng cưa' trong JavaScript, tôi đã giải thích chi tiết, với các ví dụ, cách 'this' hoạt động trong JavaScript. Tôi nghĩ rằng nó có thể hữu ích cho bạn.

Vui lòng kiểm tra: JavaScript function aliasing doesn't seem to work