Evolusi JavaScript

The Humble Beginnings (1995)

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.

Penyeragaman ECMAScript (1997)

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 dan Web Dinamik (2000-an)

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();

Rangka Kerja Merevolusikan JavaScript

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.

Era Moden: ES6 and Beyond (2015)

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 Membawa JavaScript ke Pelayan (2009)

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.

7. Rangka Kerja dan Pustaka: React, Vue dan Angular

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: Jenis Keselamatan untuk JavaScript (2012)

TypeScript memperkenalkan penaipan statik, menjadikannya lebih mudah untuk menangkap ralat semasa pembangunan.

Contoh TypeScript lwn. JavaScript:

<script>
  alert('Welcome to the 90s Web!');
</script>

Skrip Jenis: Kerana JavaScript Boleh Menggunakan Lebih Banyak Disiplin

Shafayet Hossain ・ 14 Okt

#javascript #webdev #pemula #pengaturcaraan

Ketahui tentang TypeScript di Tapak Rasmi TypeScript.

Revolusi Pengaturcaraan Asynchronous

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.

JavaScript pada 2024 dan Seterusnya

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!