chức năng bên này

Question

Câu hỏi của tôi là:

function Foo() 
{ 
    this.foo = "bar"; // <- What is "this" here? 
} 

Từ những gì tôi có thể nói nó phụ thuộc vào cách Foo được sử dụng, ví dụ như một constructor hoặc như một hàm. Điều gì có thể this trong các trường hợp khác nhau?

Answer 1

Từ khóa this đề cập đến đối tượng mà hàm thuộc về hoặc đối tượng window nếu hàm không thuộc đối tượng.

Nó được sử dụng trong mã OOP, để tham khảo các lớp/đối tượng chức năng thuộc về Ví dụ:

function foo() { 
    this.value = 'Hello, world'; 

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

var inst = new foo(); 
inst.bar(); 

này cảnh báo: Hello, world

Bạn có thể thao tác mà đối tượng this đề cập đến bằng cách sử dụng các hàm apply() hoặc call(). (Một tính năng rất rất tiện dụng vào những thời điểm)

var bar1 = new function() { 
    this.value = '#1'; 
} 
var bar2 = new function() { 
    this.value = '#2'; 
} 

function foo() { 
    alert(this.value); 
} 

foo.call(bar1); // Output: #1 
foo.apply(bar2, []); // Output: #2 

Answer 2

Trong JavaScript mọi thứ đều phản đối thậm chí chức năng. Khi bạn nói this.foo trong đoạn mã sau

function Foo() 
{ 
    this.foo = "bar"; // <- What is "this" here? 
} 

foo trở thành thành viên biến Foo đối tượng

Answer 3

đọc những gì Douglas Crockford có nói về vấn đề này, để trích dẫn ông từ A Survey of the JavaScript Programming Language:

Một chức năng là một đối tượng. Nó có thể chứa các thành viên giống như các đối tượng khác. Điều này cho phép một hàm chứa các bảng dữ liệu riêng của nó. Nó cũng cho phép một đối tượng hoạt động như một lớp, chứa một hàm tạo và một tập các phương thức liên quan.

Một hàm có thể là thành viên của một đối tượng. Khi một hàm là một thành viên của một đối tượng, nó được gọi là một phương thức. Có một biến đặc biệt, được gọi là này được thiết lập cho đối tượng khi một phương thức của đối tượng được gọi.

Ví dụ, trong biểu thức foo.bar(), biến này được đặt thành đối tượng foo như một loại đối số thừa cho thanh chức năng. Thanh chức năng sau đó có thể tham khảo điều này để truy cập đối tượng quan tâm.

Trong biểu thức sâu hơn như do.re.mi.fa(), biến này được đặt thành đối tượng do.re.mi, không phải đối tượng làm. Trong một cuộc gọi chức năng đơn giản, điều này được thiết lập để các đối tượng toàn cầu (aka cửa sổ), mà không phải là rất hữu ích. Hành vi chính xác nên có để bảo toàn giá trị hiện tại của điều này, đặc biệt khi gọi các hàm bên trong.

Ngoài ra 'this' có thể thay đổi tùy thuộc vào cách chức năng của bạn được gọi, đọc trên apply function và call function.

Tôi khuyên bạn nên dành thời gian học tập một trong những tâm trí vĩ đại nhất của JavaScript trong bài thuyết trình (miễn phí) của mình, được liên kết từ here.

Answer 4

Trong JavaScript, quy ước (và đây chỉ là một quy ước) là bất kỳ chức năng nào bắt đầu bằng chữ hoa đều được sử dụng làm hàm tạo.Sau đó, người ta sẽ gọi

var foo = new Foo() và this sẽ đề cập đến đối tượng mới được tạo sắp được tham chiếu bởi foo.

Tất nhiên, không có gì ngăn bạn tự mình gọi Foo(), trong trường hợp này this sau đó sẽ tham chiếu đến đối tượng mà từ đó hàm được gọi. Để tránh nhầm lẫn, điều đó không được khuyến nghị.