Sintassi del rasoio in Javascript esterno

Question

Così come si può sapere, la sintassi del rasoio in ASP.NET MVC non funziona nei file JavaScript esterni.

La mia soluzione attuale è mettere la sintassi del rasoio in una variabile globale e impostare il valore di tale variabile dalla vista mvc che sta facendo uso di tale file .js.

file JavaScript:

function myFunc() { 
    alert(myValue); 
} 

MVC Visualizza File:

<script language="text/javascript"> 
    myValue = @myValueFromModel; 
</script> 

Vorrei sapere come posso passare myValue direttamente come parametro alla funzione? Preferisco avere chiamate esplicite con param piuttosto che fare affidamento su globals, tuttavia non sono così entusiasta di javascript.

Come implementarlo con i parametri javascript? Grazie!

Answer 1

Basta che la funzione accetti un argomento e la usi nell'avviso (o ovunque).

external.js

function myFunc(value) { 
    alert(value); 
} 

someview.cshtml

<script> 
    myFunc(@myValueFromModel); 
</script> 

Una cosa da tenere a mente, però, è che se myValueFromModel è una stringa allora sta per venire attraverso come myFunc(hello) in modo da bisogno di avvolgere questo tra virgolette in modo che diventi myFunc('hello') come questo

myFunc('@(myValueFromModel)'); 

Nota l'extra () utilizzato con il rasoio. Questo aiuta il motore a distinguere dove si trova la pausa tra il codice del rasoio, quindi non succede nulla di strano. Può essere utile quando ci sono nidificati ( o " in giro.

modificare

Se questo sta per essere fatto più volte, quindi alcune modifiche potrebbe essere necessario avere luogo alla fine JavaScript delle cose. Principalmente che l'esempio mostrato non descrive correttamente lo scenario. Dovrà essere modificato. Potresti voler usare una struttura semplice come questa.

jsFiddle Demo

external.js

var myFunc= new function(){ 
var func = this, 
myFunc = function(){ 
    alert(func.value); 
}; 
myFunc.set = function(value){ 
    func.value = value; 
} 
return myFunc; 
}; 

someview.cshtml

<script> 
    myFunc.set('@(myValueFromModel)'); 
    myFunc();//can be called repeatedly now 
</script> 

Answer 2

ho spesso che JavaScript nel browser è in genere concettualmente legato ad un elemento specifico. Se questo è il tuo caso, potresti voler associare il valore con quell'elemento nel tuo codice Razor e poi usare JavaScript per estrarre quel valore e usarlo in qualche modo.

Ad esempio:

<div class="my-class" data-func-arg="@myValueFromModel"></div> 

statico JavaScript:

$(function() { 
    $('.my-class').click(function() { 
     var arg = $(this).data('func-arg'); 
     myFunc(arg); 
    }); 
}); 

Answer 3

Vuoi eseguire immediatamente la vostra funzione? O vuoi chiamare la funzione con il parametro?

È possibile aggiungere una funzione wrapper senza parametri e all'interno chiamare la propria funzione con la variabile globale come parametro. E quando hai bisogno di chiamare myFunc() lo chiami tramite myFuncWrapper();

function myFuncWrapper(){ 
    myFunc(myValue); 
} 

function myFunc(myParam){ 
//function code here; 
}