JavaScript dibangunkan oleh Brendan Eich di Netscape untuk membawa interaktiviti ke tapak web. Pada mulanya dipanggil Mocha, dan kemudian LiveScript, ia mendapat nama semasa untuk sejajar dengan populariti Java. Penggunaan awal adalah asas, seperti menambah pengesahan borang ringkas.
Contoh Kod 1995:
<script> alert('Welcome to the 90s Web!'); </script>
Baca lebih lanjut tentang permulaan JavaScript pada Dokumen Web MDN.
Untuk menyatukan sintaks, ECMAScript telah ditubuhkan. ECMAScript 3 (1999) memperkenalkan penambahbaikan yang meletakkan asas untuk konsistensi penyemak imbas. ECMAScript 5 (2009) memodenkan lagi JavaScript dengan mod ketat dan kaedah tatasusunan asli seperti forEach.
Contoh Kaedah Tatasusunan:
['apple', 'banana', 'cherry'].forEach(fruit => console.log(fruit));
Teroka butiran ECMAScript di ECMA International.
AJAX (Asynchronous JavaScript dan XML) memperkasakan aplikasi web seperti Gmail dan Peta Google untuk memuat semula data tanpa memuat semula halaman, menandakan peralihan ke arah pengalaman web yang lebih kaya.
Contoh Permintaan AJAX:
const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://example.com/data', true); xhr.onreadystatechange = () => { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send();
Kemunculan jQuery (2006) dan MooTools memudahkan interaksi DOM dan memperkenalkan keserasian merentas pelayar yang mantap.
Vanila JS lwn. Contoh jQuery:
// Vanilla JavaScript (2005) document.querySelector('#btn').addEventListener('click', () => alert('Clicked!')); // jQuery (2006) $('#btn').click(() => alert('Clicked!'));
Selami impak jQuery di Dokumentasi jQuery.
ECMAScript 2015 (ES6) membawa kemas kini utama, mempertingkatkan amalan pengekodan dengan let, const, literal templat, fungsi anak panah, kelas dan modul.
Contoh ES6 dengan Sintaks Kelas:
class Person { constructor(name) { this.name = name; } greet() { console.log(`Hello, my name is ${this.name}`); } } const person = new Person('Alice'); person.greet(); // Hello, my name is Alice
Rujukan untuk kemas kini ES6 di MDN ECMAScript 2015.
Node.js membenarkan JavaScript melepaskan diri daripada batasan penyemak imbas, membolehkannya dijalankan pada pelayan dan membuka jalan untuk JavaScript tindanan penuh.
Contoh Node.js (Penciptaan Pelayan):
const http = require('http'); http.createServer((req, res) => { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello, world!'); }).listen(3000); console.log('Server running at http://localhost:3000/');
Terokai Node.js di Tapak Rasmi Node.js.
React.js (2013) membawakan seni bina berasaskan komponen, manakala Vue.js (2014) menekankan kemudahan penggunaan. Angular (2016) merombak pembangunan apl web dengan TypeScript dan pengurusan keadaan yang berkuasa.
Contoh Komponen Reaksi:
function App() { return <h1>Hello, React!</h1>; }
Lagi tentang React at React Docs.
TypeScript memperkenalkan penaipan statik, menjadikannya lebih mudah untuk menangkap ralat semasa pembangunan.
Contoh TypeScript lwn. JavaScript:
<script> alert('Welcome to the 90s Web!'); </script>
Ketahui tentang TypeScript di Tapak Rasmi TypeScript.
Daripada neraka panggil balik kepada Promises dan async/wait, pendekatan JavaScript terhadap pengaturcaraan async berkembang untuk kebolehbacaan dan kebolehselenggaraan yang lebih baik.
Contoh Peralihan:
['apple', 'banana', 'cherry'].forEach(fruit => console.log(fruit));
Butiran tentang evolusi async di MDN Async Functions.
Masa depan JavaScript memegang cadangan seperti penghias, jenis rekod dan tupel serta padanan corak, mencerminkan kebolehsuaiannya untuk memenuhi keperluan pembangun.
Baca lebih lanjut tentang ciri yang akan datang di Cadangan TC39.
Tapak Web Saya: https://Shafayet.zya.me
Meme untuk anda???
Atas ialah kandungan terperinci Evolusi JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!