Sự khác biệt giữa var và hàm này trong hàm Javascript?

Question

var tools = {}; 

tools.triangle = function() { 
    var originX = 0; 
    var originY = 0; 
} 

 

var tools = {}; 

tools.triangle = function() { 
    this.originX = 0; 
    this.originY = 0; 
} 

Có bất kỳ sự khác biệt giữa hai khối mã? Xin lỗi nếu điều này đã được hỏi lúc trước.

Answer 1

var tạo biến cục bộ trong phạm vi tools.triangle. Các biến số originX và originY không thể tương tác với bên ngoài tools.triangle. this là một con trỏ đến đối tượng hiện tại bạn đang xử lý. Ví dụ thứ hai có thể được sử dụng để cung cấp các thuộc tính cho một đối tượng bằng cách thực hiện new tools.triangle();. Nếu bạn không sử dụng new và chỉ sử dụng tools.triangle();, this sẽ trỏ đối tượng chung là đối tượng window. Bạn có thể thay đổi đối tượng mà this điểm bằng cách sử dụng các phương pháp chức năng call(); và apply(); như thế này:

var myObj = {}; 

tools.triangle.call(myObj); 

// "this" in tools.triangle now points to myObj 
// myObj now has the properties originX and originY 

Điều quan trọng là phải biết rằng this có thể tham khảo bất kỳ đối tượng, cũng như không được định nghĩa hoặc null trong chế độ nghiêm ngặt ES5 .

Bạn có thể tìm thêm thông tin here.

Answer 2

Trong ví dụ đầu tiên, X và Y cả hai đều tồn tại dưới dạng biến cục bộ cho đóng được lưu trong biến triangle.

Trong ví dụ thứ hai, X và Y tồn tại dưới dạng biến cho đối tượng tools.triangle do việc sử dụng this.