JavaScript

Daripada Wikipedia, ensiklopedia bebas.
Lompat ke: pandu arah, cari
JavaScript
Paradigma Berbilang paradigma: penskripan, berorientasi objek (berasaskan prototaip), imperatif, kefungsian
Muncul pada 1995; 19 tahun yang lalu (1995)
Direka oleh Brendan Eich
Pembangun Netscape Communications Corporation, Mozilla Foundation
Lepasan stabil 1.8.5[1] (Mac 22, 2011; 3 tahun yang lalu (2011-03-22))
Disiplin penjenisan dinamik, lemah, itik
Pelaksanaan utama KJS, Rhino, SpiderMonkey, V8, WebKit, Carakan, Chakra
Dipengaruhi C, Java, Perl, Python, Scheme, Self
Mempengaruhi ActionScript, CoffeeScript, Dart, JScript .NET, Objective-J, QML, TIScript, TypeScript

Logo Wikibuku JavaScript di Wikibooks

JavaScript adalah nama milik Syarikat Komunikasi Netscape dan sekarang adalah pelaksanaan berpiawai ECMAScript untuk Pertubuhan Mozilla. Bahasa ini amat popular kerana terdapat banyak penggunaannya pada laman-laman web (sebagai JavaScript pihak pelanggan).

Ramai yang beranggapan bahawa JavaScript adalah "Java yang ditafsir" walaupun pada hakikatnya tidak sebegitu. Malah, walaupun namanya serupa, kaitan antara JavaScript dengan Java adalah jauh sekali. Sintaksis JavaScript diilhamkan dari Java dan C untuk memudahkan pengguna baru mempelajarinya.

Sejarah[sunting | sunting sumber]

Pada asalnya, pembangunan JavaScript diusahakan oleh Brendan Eich di bawah nama Mocha, kemudiannya ditukar kepada LiveScript, dan akhirnya ditukar kepada JavaScript. Perubahan nama dari LiveScript ke JavaScript adalah berkebetulan dengan langkah Netscape menambah sokongan teknologi Java di pelayar web Netscape Navigator keluarannya. JavaScript mula diperkenalkan dan dipasang di pelayar Netscape versi 2.0B3 pada Disember 1995.

Pada tahun 2011, versi terakhir bagi JavaScript ialah 1.8.5

Sintaks dan simantik[sunting | sunting sumber]

Rencana utama: Sintaks JavaScript

Sehingga 2009, versi terbaru bagi bahasa ini ialah JavaScript 1.8.1. Ia merupakan superset bagi ECMAScript (ECMA-262) Edition 3. Sambungan kepada bahasa berkenaan, termasuklah sokongan separa untuk E4X (ECMA-357) dan tampilan-tampilan eksperimental yang diambil kira untuk disertakan dalam edisi-edisi ECMAScript masa hadapan, didokumentasikan di sini.[2]

Contoh mudah[sunting | sunting sumber]

Fungsi rekursif ringkas:

function factorial(n) {
    if (n === 0) {
        return 1;
    }
    return n * factorial(n - 1); 
}

Skrip aluan ringkas:

var nama = prompt("Nama anda siapa?");
alert("Selamat datang "+nama);

Sintaks fungsi awanama (atau lambda):

function add (i, j) {
    var add_pri = function (x, y) {
        return x + y;
    };
 
    return add_pri(i, j);
}

Penutupan:

function showclosure () {
    var inc = makeinc(1);
 
    inc(); // 1
    inc(); // 2
    inc(); // 3
}
 
function makeinc (initialValue) {
    var count = initialValue;
 
    return function () {
        return count++;
    };
}

Demonstrasi fungsi variadik. 1 akan dialert, kemudian 2, seterusnya 3. arguments merupakan pemboleh ubah khas.

function unlimited_args () {
    for (var i = 0; i < arguments.length; i++) {
        alert(arguments[i]);
    }
}
 
unlimited_args(1, 2, 3);

Contoh yang lebih rumit[sunting | sunting sumber]

Kod sampel ini menunjukkan pelbagai tampilan-tampilan JavaScript.

/* Finds the lowest common multiple of two numbers */
function LCMCalculator (x, y) { // constructor function
    var checkInt = function (x) { // inner function
        if (x % 1 !== 0) {
            throw new TypeError(x + "is not an integer"); // exception throwing
        }
        return x;
    };
    this.a = checkInt(x)
    // ^ semicolons are optional (but beware since this may cause consecutive lines to be
    //erroneously treated as a single statement)
    this.b = checkInt(y);
}
// The prototype of object instances created by a constructor is 
// that constructor's "prototype" property.
LCMCalculator.prototype = { // object literal
    constructor : LCMCalculator, // when reassigning a prototype, set the constructor property appropriately
    gcd : function () { // method that calculates the greatest common divisor
        // Euclidean algorithm:
        var a = Math.abs(this.a), b = Math.abs(this.b), t;
        if (a < b) {
            // swap variables
            t = b; 
            b = a; 
            a = t; 
        }
        while (b !== 0) {
            t = b;
            b = a % b;
            a = t;
        }
        // Only need to calculate gcd once, so "redefine" this method.
        // (Actually not redefinition - it's defined on the instance itself,
        // so that this.gcd refers to this "redefinition" instead of LCMCalculator.prototype.gcd.)
        // Also, 'gcd' == "gcd", this['gcd'] == this.gcd
        this['gcd'] = function () { 
            return a; 
        };
        return a;
    },
    "lcm" /* can use strings here */: function () {
        // Variable names don't collide with object properties, e.g. |lcm| is not |this.lcm|.
        // not using |this.a * this.b| to avoid FP precision issues
        var lcm = this.a / this.gcd() * this.b; 
        // Only need to calculate lcm once, so "redefine" this method.
        this.lcm = function () { 
            return lcm; 
        };
 
        return lcm;
    },
    toString : function () {
        return "LCMCalculator: a = " + this.a + ", b = " + this.b;
    }
};
 
// Note: Array's map() and forEach() are predefined in JavaScript 1.6.
// They are currently not available in the JScript engine built into
// Microsoft Internet Explorer, but are implemented in Firefox, Chrome, etc.
// They are used here to demonstrate JavaScript's inherent functional nature.
 
[[25, 55],[21, 56],[22, 58],[28, 56]].map(function (pair) { // array literal + mapping function
    return new LCMCalculator(pair[0], pair[1]);
}).sort(function (a, b) { // sort with this comparative function
    return a.lcm() - b.lcm();
}).forEach(function (obj) {
    /* Note: print() is a JS builtin function available in Mozilla's js CLI;
     * It is functionally equivalent to Java's System.out.println().
     * Within a web browser, print() is a very different function
     * (opens the "Print Page" dialog),
     * so use something like document.write() or alert() instead.
     */
    // print       (obj + ", gcd = " + obj.gcd() + ", lcm = " + obj.lcm());
    // alert       (obj + ", gcd = " + obj.gcd() + ", lcm = " + obj.lcm());
    document.write(obj + ", gcd = " + obj.gcd() + ", lcm = " + obj.lcm() + "<br />");
});

Keluaran berikut sepatutnya akan dipaparkan pada tetingkap pelayar.

LCMCalculator: a = 28, b = 56, gcd = 28, lcm = 56
LCMCalculator: a = 21, b = 56, gcd = 7, lcm = 168
LCMCalculator: a = 25, b = 55, gcd = 5, lcm = 275
LCMCalculator: a = 22, b = 58, gcd = 2, lcm = 638

Jika Internet Explorer digunakan, contoh tadi akan menghasilkan ralat. Dengan itu, contoh tadi menunjukkan bahawa pentafsir JScript bagi Internet Explorer melakukan kod dengan cara berbeza berbanding pentafsir JavaScript dan ECMAScript dalam pelayar web lain. (Lihat ulasan dalam kod sumber untuk perincian perbezaan yang relevan bagi contoh ini.)

Lihat juga[sunting | sunting sumber]

Wikibuku
Wikibuku mempunyai lebih lagi topik mengenai

Rujukan[sunting | sunting sumber]

Pautan luar[sunting | sunting sumber]