1.

Operator, Variabel dan Tipe

Data

Pemrograman
JavaScript
Nasrul, S.Pd.I, S.Kom, M.Kom
Dosen Tetap STT Nurul Fikri

Instruktur IT NF Computer

Instruktur IT Sekolah
Programmer YBM PLN

Instruktur IT Fast Com

[email protected] Programmer
Tujuan
Setelah mengikuti materi ini peserta diharapkan memahami dan
mengerti tentang bahasa pemrograman JavaScript. Mengenal
variable, tipe dan operator serta dapat mengimplementasikannya
menjadi sebuah program aplikasi
Apa itu Pemrograman ?
Compiler vs Interpreter

Ada 2 tipe bahasa pemrograman :

1. Compiled language : Bahasa pemrograman yang ditulis, diubah
terlebih dahulu ke dalam bahasa mesin sehingga dapat dieksekusi
oleh prosesor. Membutuhkan langkah “build”, yaitu kompilasi secara
manual oleh programmer.
Contoh : C, C++, Erlang, Rust, Go
2. Interpreted language : Bahasa pemrograman dimana kodenya
dieksekusi baris demi baris. Secara kecepatan lebih lambat daripada
compiled language.
Contoh : PHP, Ruby, Python, Javascript

Yang memproses bahasa tersebut disebut compiler atau interpreter

Compiler vs Interpreter
Istilah dalam Pemrograman dan Javascript

Variabel - Merupakan blok memori yang memiliki nama yang dapat menyimpan nilai.
Literal - Merupakan nilai konstan / tetap.
Operator - Simbol yang menentukan bagaimana operand akan diproses.
Keyword - Kata-kata yang memiliki makna khusus dalam konteks suatu bahasa
pemrograman.
Modules - Merupakan blok kode yang dapat digunakan kembali di berbagai program.
Comments - Digunakan untuk mengabaikan kode program sehingga tidak dieksekusi oleh
mesin JavaScript.
Identifiers - Ini adalah nama yang diberikan kepada elemen dalam kode program seperti
variabel, fungsi, dan lain-lain.
Javascript

Javascript adalah bahasa pemrograman yang tergolong sebagai

interpreted language.

Kode Javascript dapat dijalankan di browser (melalui console/script) dan di

komputer (memanfaatkan node.js). Ekstensi source code untuk kode
Javascript menggunakan .js .

Blok kode yang lebih dari satu baris dituliskan di dalam tanda kurung
kurawal ({ }). Tiap kode diakhiri dengan tanda titik koma (;) , opsional.
Konstanta dan Variabel

Konstanta (constant) dalam programming adalah sebuah nilai yang

referensi ke memorinya tidak berubah dari awal dibuat hingga program
berakhir. Dideklarasikan dengan keyword const.

Variabel (variable) dalam programming

adalah sebuah tempat (container) untuk
menyimpan data. Ada 2 cara
mendeklarasikan variabel dalam javascript,
yaitu dengan keyword let atau var.
Deklarasi Variabel
Untuk mendeklarasikan variabel, bisa digunakan let atau var. Perbedaan
antara keduanya dapat dilihat pada tabel
No var let
1 Digunakan pada versi Cara baru untuk mendeklarasi
javascript yang lebih lama variabel, diperkenalkan pada
(tetap dapat digunakan) ES6 (2015)

2 Function scoped Block scoped

3 Contoh penggunaan : Contoh penggunaan :
var x = 10; let x = 10;

Bisa dideklarasi beberapa variabel sekaligus dalam satu statement

let x=5, y=10, z=15;
Aturan Penamaan Variabel

1. Variabel harus dimulai dari huruf, garis bawah/underscore ( _ ), atau

tanda dolar ( $ )
let a; , let _a; , dan let $a; adalah variabel yang valid
2. Variabel tidak boleh diawali angka
let 1a; akan memberikan error karena nama variabel diawali angka
3. Case sensitive
Variabel a dan A akan dianggap 2 variabel berbeda
4. Keyword tidak dapat digunakan sebagai nama variabel
Syntax
Operator Aritmatika
Operator Pembanding
Operator Pemberi Nilai (Assignment)
Operator Logika
Apa itu Variabel ?
Deklarasi Variabel dengan var

//deklarasi dan inisialisasi variabel
var nama = "Budi Santoso";
//cetak data
document.write(
    "Assalamu'alaikum " + nama
)
Deklarasi Variabel dengan let(1)

//deklarasi dan inisialisasi variabel
let produk = "TV";
let harga = 5000000;
//cetak data
document.write(
    "Produk " + produk + " berharga Rp. " + harga
);
Deklarasi Variabel dengan const(1)

//deklarasi dan inisialisasi variabel
var jari2 = 15;
const PHI = 3.14;
let keliling = 2 * PHI * jari2;
let luas = PHI * jari2 * jari2;
//cetak data
document.write("Keliling lingkaran dengan jari-
jari " + jari2 + " = " + keliling);
document.write("Sedangkan luasnya  = " + luas);
Latihan#1

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar JS internal</title>
        <script type="text/javascript" language="javascript">
            alert("Selamat pagi");
            alert("Selamat Belajar Java Script");
        </script>
    </head>
Latihan#2
<body>
        <script>
            document.write("<h1 align='center'>BELAJAR JAVASCRIPT</h1><hr/>");            
var nama, gender; //inisialisasi variabel
            nama = "Budi Santoso";
            gender = " Laki-Laki";
            //deklarasi sekaligus inisialisasi variabel
            var umur = 20;
            var beratBadan = 50.5;
            //cetak populasi data cara 1
            document.write("Nama Siswa: " + nama);
            document.write("<br/>Umur: " + umur + " tahun");
            document.write("<br/>Berat badan: " + beratBadan + " kg");
            document.write("<br/>-----------------------------------");
            //cetak populasi data cara 2
            document.write("<br/>Nama Siswa: " + nama + gender
                "<br />Umur: " + umur + " tahun" +
                "<br />Berat badan: " + beratBadan + " kg");
        </script>
    </body>
</html>
Referensi


https://www.w3schools.com/

https://www.javapoint.com/

https://www.tutorialspoint.com/