Javascript tiết kiệm document.write trong một biến và gọi nó

Question

Tôi đang cố gắng để vượt qua document.write như một tham chiếu đến một biến:

Ví dụ:

var f = document.write 

//then 
f('test'); 

Nó hoạt động với cảnh báo. Tại sao nó không hoạt động với document.write?

Answer 1

Ngoài những gì đã nói, Javascript 1.8.5 có một giải pháp tự nhiên cho vấn đề: các bind function

f = document.write.bind(document) 
f("hello") 

Liên kết ở trên cũng chứa mã thi đua cho các trình duyệt không hỗ trợ JS 1.8.5 được nêu ra.

Answer 2

Một số chức năng, bao gồm eval và document.write không thể được sử dụng gián tiếp (ví dụ: bằng cách tham chiếu thông qua các biến).

Nếu bạn vẫn muốn sử dụng document.write sử dụng f, sử dụng:

function f(s){ 
    document.write(s); 
} 
f('test'); 

Answer 3

Tại sao nó không hoạt động Tôi không thể nói mà không cần nghiên cứu nhiều hơn, nhưng để giải quyết vấn đề của bạn:

var f = function(i) { document.write(i); } 

Answer 4

Vì alert không quan tâm những gì this là (alert là toàn cầu) và document.write làm gì (cần phải biết tài liệu nào đang ghi).

Nếu bạn muốn có trình bao bọc, hãy viết chức năng phím tắt.

function f(str) { document.write(str); } 

… và sau đó tự mình bỏ đi và tự mình gọi cho biến số f. Self-describing là một đức hạnh của mã tốt.

Answer 5

Bởi vì nó thua đúng giá trị của this bên trong write chức năng ...

Bạn có thể vượt qua một tham chiếu đến document ...

var f = document; 

f.write("hello"); 

Hoặc quấn nó giống như các giải pháp khác đề nghị.

Answer 6

Tôi đoán đó là vì bạn không áp dụng f để tài liệu (nhưng để cửa sổ)

này hoạt động:

var f = document.write; 
f.call(document, "Hello world!!!"); 

Answer 7

Một cách kỳ lạ để làm điều này, là:

var f = window.document.write; 
f.call(window.document, "test") 

Hoặc:

var f = document.write; 
f.apply(document, ["test"]); 

Answer 8

Cùng một vấn đề như được đăng trong câu hỏi này: Javascript Class Inheritance

Như những người khác đã đề cập bạn đang mất các chức năng ngữ cảnh. Các hàm là các đối tượng giống như bất kỳ thứ gì khác trong javascript.bằng cách gọi var f = document.write bạn đang nhận được một tham chiếu đến hàm, nhưng hàm không có tham chiếu đến tài liệu mà nó cần.

dụ:

// give the window a new funciton 
window.foo = function() { 
    console.log('FOO!); 
} 

// get a reference to this funciton 
var fn = window.foo; 

// call via reference works and outputs 'FOO!!' to the console 
fn(); 

// attach it to your object 
var myObject = {}; 
myObject.Foo = fn; 

// call it it still works 
myObject.Foo(); 

bây giờ nếu chức năng tham chiếu this thì trên không hoạt động vì this dependes vào bối cảnh gọi. Cách để lưu các bối cảnh tại thời điểm này là sử dụng một kết thúc như thế này ...

// remember this is the window context 

var fn = function (s) { 
    document.write(s); 
} 

Lý do mã trên hoạt động là javascript nhìn vào chức năng và không thấy một đối tượng document địa phương để nó đi lên phạm vi và thấy phạm vi bên ngoài (trong trường hợp này là đối tượng window) có một tài liệu và các cuộc gọi viết trên đó. Thực hiện cuộc gọi đến document.write() giống như việc viết window.document.write()