Rumah > hujung hadapan web > tutorial js > Evolusi JavaScript

Evolusi JavaScript

Linda Hamilton
Lepaskan: 2024-11-22 16:19:16
asal
200 orang telah melayarinya

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>
Salin selepas log masuk
Salin selepas log masuk

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));
Salin selepas log masuk
Salin selepas log masuk

Teroka butiran ECMAScript di ECMA International.

The Evolution of JavaScript

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();
Salin selepas log masuk

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!'));
Salin selepas log masuk

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
Salin selepas log masuk

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/');
Salin selepas log masuk

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>;
}
Salin selepas log masuk

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>
Salin selepas log masuk
Salin selepas log masuk
The Evolution of JavaScript

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));
Salin selepas log masuk
Salin selepas log masuk

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???

The Evolution of JavaScript

Atas ialah kandungan terperinci Evolusi JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan