JavaScript document.write ahorro en una variable y decir que es

Question

que estoy tratando de pasar document.write como una referencia a una variable:

Ejemplo:

var f = document.write 

//then 
f('test'); 

funciona con alerta. ¿Por qué no funciona con document.write?

Answer 1

Además de lo que ya se dijo, Javascript 1.8.5 tiene una solución nativa para el problema: la bind function

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

El enlace anterior también contiene un código de emulación para los navegadores que no soportan JS 1.8.5 todavía.

Answer 2

Algunas funciones, como eval y document.write, no se pueden usar de forma indirecta (es decir, haciendo referencia a través de variables).

Si aún desea utilizar document.write usando f, utilice:

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

Answer 3

Por qué no funciona No puedo decir sin más investigación, sino para resolver su problema:

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

Answer 4

Como a alert no le importa qué es this (alert es global) y document.write (necesita saber en qué documento está escribiendo).

Si desea un contenedor, escriba una función de acceso directo.

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

... y luego ir y ritual destripar a sí mismo para llamar la variable f. Self-describing es una virtud de buen código.

Answer 5

Debido a que pierde el valor correcto de this dentro de la función write ...

Puede pasar una referencia a document ...

var f = document; 

f.write("hello"); 

O envuelve al igual que otras soluciones sugieren.

Answer 6

supongo que es porque no se va a aplicar f para el documento (pero a la ventana)

Esto funciona:

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

Answer 7

Otro, extraña manera de hacer esto, es:

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

O:

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

Answer 8

mismo problema que ha escrito en esta pregunta: Javascript Class Inheritance

Como ya han dicho que estás perdiendo el contexto funciones. Las funciones son objetos como cualquier otra cosa en javascript.llamando al var f = document.write obtendrá una referencia a la función, pero la función no tiene la referencia del documento que necesita.

ejemplo:

// 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(); 

ahora si la función hace referencia a this, lo anteriormente expuesto no funciona PORQUE this dependes en el contexto de llamada. La manera de salvar el contexto en el momento es el uso de un cierre como este ...

// remember this is the window context 

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

La razón por la que funciona el código anterior es javascript mira a la función y no ve un objeto local document por lo que camina hasta el alcance y ve el alcance externo (en este caso el objeto window) tiene un documento y las llamadas escriben sobre eso. Efectivamente, la llamada a document.write() es lo mismo que escribir window.document.write()