Selasa, 09 Agustus 2016

Cara melempar value ke Javascript File

Assallamualaikum,

Kali ini saya mau share ya mungkin sebagian orang sudah tau ya hee, tapi ini cukup berguna juga ketika kita bingung.
Nah case study nya adalah sebagai berikut.

Terdapat variable sebagai berikut :

var a = "data";

kita ingin melempar / passing sebuah variable tersebut ke sebuah javascript file.



contoh disini ingin variable a  dibaca di somefile.js

<script type="text/javascript" src="somefile.js"></script>

Nah berikut solusinya :

Sebenarnya ketika kita meninisiasi sebuah variable di javascript scope global maka seharusnya variable yang kita definisikan itu seharusnya bisa diakses.
Nah jawabannya adalah simpan variable tersebut di scope global.

Bingung ?

Solusi 1

berikut contohnya

file : index.html

<script type="text/javascript">
   var a = "kirim"; //variable global
</script>
<script type="text/javascript" src="somefile.js"></script>

file : somefile.js

console.log(a);

Kenapa bisa demikian ?

1. Ketika kita meinisiasi variable scope global maka, variable tersebut bisa dipanggil dimanapun.
2. Tempatkan variable scope global selalu diatas, agar dapat dipanggil.


Solusi 2

Cara yang kedua ini cukup unik, kita lihat script dibawah

File : File.js


var MYLIBRARY = MYLIBRARY || (function(){
    var _args = {}; // private

    return {
        init : function(Args) {
            _args = Args;
            // some other initialising
        },
        helloWorld : function() {
            alert('Hello World! -' + _args[0]);
        }
    };
}());


File : Index.html

<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
   MYLIBRARY.init(["somevalue", "somevalue2", "somevalue3"]);
   MYLIBRARY.helloWorld();
</script>

Penjelasan :

1. Di dalam File.Js kita coba buat sebuah variable yang dinisasi sebuah function.
2. Di file index.html kita panggil function yang dibuat contoh diatas adalah hello world.
3. Di File.Js terdapat function init, nah function tersebut menyimpan parameter dari lemparan index.html

Nah masih banyak cara untuk melempar value berikut distack overflow sih hee ^_^
http://stackoverflow.com/questions/2190801/passing-parameters-to-javascript-files

Semoga membantu ya :)
Terimakasih.