Javascript Fundamental

Hallo semua. perkenalkan saya ridwan, saya adalah Frontend engineer di DANA Indonesia. Ini adalah post pertama saya di medium, untuk post saya yang terdahulu bisa dilihat di ridwanfansuri.blogspot.com untuk isinya lebih banya ke arah DotNet. Untuk post pertama ini saya akan sharing tenang javascript, kebetulan saya sedang belajar fundamental javascript, jadi biar tidak lupa saya tulis saja disini. untuk sumber nya saya ambil dari https://github.com/getify/You-Dont-Know-JS . Bagi yang ingin tahu bagaimana javascript dibuat dan sejarah yang menyertainya bisa dibaca di https://medium.com/@benastontweet/lesson-1a-the-history-of-javascript-8c1ce3bffb17

Kita langsung saja ke materi. Kita akan belajar tentang istilah-istilah di javascript, mungkin sama dengan bahasa pemrograman lain.

Statement
Di dalam bahasa pemrograman, suatu kelompok kata, angka & operator yang menampilkan sebuah task yang spesifik disebut dengan statement. Contoh dari sebuah statement bisa dilihat pada code dibawah. Karakter a dan b disbut dengan variable. Variable diibaratkan sebuah kotak yang bisa menyimpan apapun, entah itu number, string atau array. Angka 2 merupakan literal value yaitu value yang berdiri sendiri tanpa disimpan didalam suatu variable terlebih dahulu.

a = b * 2

Karakter = dan * merupakan suatu operator. Operator melakukan suatu action kepada value dan variable seperti assignment atau perkalian. Bila dijabarkan statement a = b * 2 memerintahkan komputer untuk mendapatkan value dari variable b dan mengalikan value tersebut dengan 2. kemudian menyimpan hasilnya kedalam variable a

Expression
Statement dibentuk dari beberapa expression dimana expression in merupakan suatu reference ke sebuah variable atau value atau sebuah kombinasi dari variable, value dan operator. contohnya

a = b * 2

• 2 merupakan sebuah literal value expression
• b adalah variable expression, yang berarti mendapatkan nilai value dari b
• b * 2 adalah arithmetic expression. yang berarti melakukan perkalian
• a = b * 2 adalah assignment expression, yang artinya meng-assign hasil dari b*2 ke variable a

Operator
Operator adalah bagaimana cara kita menampilkan sebuah action pada variable dan value. Pada contoh diatas operator yang digunakan adalah = dan *. Untuk contoh dari operator bisa dilihat di

Expressions and operators

Values & Type
Dalam bahasa pemrograman ada yang namanya data type seperti int, string, boolean dll, begitu pula dengan javascript. Didalam javascript terdapat 7 built-in types yatu Boolean, String, Number, Null, object, undefined, symbol (ES6). Munbgkin untuk yang baru berlajar javascript baru mengetahui kalau ada type undefined, apa itu undefined? Undefined adalah sebuah variable yang belum di-assign sebuah value atau belum di-declare sama sekali jadi bukan null. Untuk mengetahui sebuah type dari sebuah variable kita bisa menggunaka typeof operator.

var a;
typeof a;				// "undefined"

a = "hello world";
typeof a;				// "string"

a = 42;
typeof a;				// "number"

a = true;
typeof a;				// "boolean"

a = null;
typeof a;				// "object" -- weird, bug

a = undefined;
typeof a;				// "undefined"

a = { b: "c" };
typeof a;				// "object"

Boolean, String, Number, Null, undefined, symbol merupakan contoh dari primitive types. sedangkan object merupakan reference type. mungkin sudah banyak dijelaskan di bahasa pemrograman lain. Object di javascript merujuk pada sebuah gabungan dari value dimana kita dapat men-set properties yang mempunyai value dari type apapun. contoh dari object

var obj = {
	a: "hello world",
	b: 42,
	c: true
};

obj.a;		// "hello world"
obj.b;		// 42
obj.c;		// true

obj["a"];	// "hello world"
obj["b"];	// 42
obj["c"];	// true

akan lebih mudah apabila kita menggambarkan object seperti gambar dibawah.

Kita dapat men-akses properties dari sebuah object menggunakan titik/dot (obj.a) atau bracket (obj[“a”]). Dot notation lebih pendek dan lebih mudah dibaca. dilain pihak bracket notation berguna apabila kita memiliki property name dengan special character seperti obj[“hello world!”]

Array

Dalam javascript array adalah sebuah object yang menyimpan value tetapi bukan sebagai properties/keys seperti object, tetapi lebih ke index numerik. sebagai contoh

var arr = [
	"hello world",
	42,
	true
];

arr[0];			// "hello world"
arr[1];			// 42
arr[2];			// true
arr.length;		// 3

typeof arr;		// "object"

apabila digambarkan mungkin akan seperti gambar dibawah

Function
Mungkin anda sudah sering mendengar atau mengetahui tentang function di bahasa pemrograman lain. tpai tahukan anda kalau di javascript function merupakan suatu object, yang berarti bahwa sebuah function dapat mempunyai properties.

Untuk post pertama mungkin cukup sampai disini. nantikan post selanjutnya