JavaScript - Lịch sử

Lịch sử của JavaScript

Xin chào các bạn đang học lập trình! Hôm nay, chúng ta sẽ cùng nhau đi qua một hành trình thú vị trong lịch sử của JavaScript. Là một giáo viên máy tính gần gũi, tôi rất vui được chia sẻ câu chuyện này với các bạn. tin tôi đi, nó thú vị hơn bạn nghĩ đấy!

JavaScript - History

JavaScript, thường được viết tắt là JS, là một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới ngày nay. Nhưng bạn có biết rằng nó được tạo ra chỉ trong 10 ngày? Hãy cùng tìm hiểu nguồn gốc của nó.

Sự ra đời của JavaScript

Vào năm 1995, một lập trình viên tài năng tên Brendan Eich đang làm việc tại Netscape Communications. Lúc đó, internet vẫn còn non trẻ và các trang web chủ yếu là tĩnh. Netscape muốn làm cho các trang web trở nên động và tương tác hơn. Họ giao cho Eich nhiệm vụ tạo ra một ngôn ngữ lập trình có thể chạy trong trình duyệt của họ, Netscape Navigator.

Eich đã vượt qua thử thách và, trong vòng 10 ngày, ông đã tạo ra phiên bản đầu tiên của JavaScript. Ban đầu, nó được gọi là "Mocha", sau đó là "LiveScript", trước khi cuối cùng quyết định tên là "JavaScript". Tên này được chọn để tận dụng sự phổ biến của Java, mặc dù hai ngôn ngữ này rất khác nhau!

Dưới đây là một ví dụ đơn giản về JavaScript早期的:

alert("Hello, World!");

Mã này sẽ tạo ra một hộp thoại bật lên trong trình duyệt với thông báo "Hello, World!". Đơn giản, nhưng cách mạng vào thời điểm đó!

Tiêu chuẩn hóa JavaScript

Khi JavaScript trở nên phổ biến, nó cần được tiêu chuẩn hóa. Năm 1997, JavaScript được gửi đến ECMA International để tiêu chuẩn hóa, dẫn đến việc ra đời tiêu chuẩn ECMAScript. ECMAScript là tên chính thức của ngôn ngữ, với JavaScript là việc triển khai được biết đến nhiều nhất.

Dưới đây là một ví dụ về cách cú pháp JavaScript đã phát triển:

// ECMAScript 3 (1999)
var greeting = "Hello, World!";
alert(greeting);

// ECMAScript 6 (2015)
let greeting = "Hello, World!";
console.log(greeting);

Chú ý cách chúng ta đã chuyển từ var sang let để khai báo biến, và từ alert sang console.log để xuất dữ liệu. Những thay đổi này đã làm cho ngôn ngữ trở nên vững chắc và thân thiện hơn với nhà phát triển.

Bảng lịch sử của JavaScript

Hãy cùng nhìn vào các mốc quan trọng trong lịch sử của JavaScript:

Năm Sự kiện
1995 JavaScript được tạo ra bởi Brendan Eich tại Netscape
1996 JavaScript được gửi đến ECMA International để tiêu chuẩn hóa
1997 ECMAScript 1 được phát hành
1998 ECMAScript 2 được phát hành
1999 ECMAScript 3 được phát hành
2009 ECMAScript 5 được phát hành
2015 ECMAScript 6 (ES6) được phát hành, mang lại nhiều cải tiến
2016-2021 Phát hành hàng năm của ECMAScript với các bản cập nhật từng bước

Tương lai của JavaScript

JavaScript đã đi một chặng đường dài từ những ngày đầu tiên, và tương lai của nó trông sáng hơn bao giờ hết. Dưới đây là một số xu hướng thú vị:

1. Web Assembly

Web Assembly (WASM) là một định dạng hướng dẫn nhị phân cho phép các ứng dụng có hiệu suất cao chạy trong các trình duyệt web. Mặc dù nó không phải là đối thủ trực tiếp của JavaScript, nhưng nó bổ sung cho nó, cho phép các nhà phát triển sử dụng các ngôn ngữ như C++ hoặc Rust cho các phần quan trọng về hiệu suất của ứng dụng web.

2. JavaScript Server-Side

Với các nền tảng như Node.js, JavaScript đã vượt qua khỏi trình duyệt. Dưới đây là một ví dụ đơn giản về máy chủ Node.js:

const http = require('http');

const server = http.createServer((req, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello, Server-Side JavaScript!');
});

server.listen(8080, () => {
console.log('Server running on port 8080');
});

Mã này tạo ra một máy chủ HTTP đơn giản trả về "Hello, Server-Side JavaScript!" khi truy cập.

3. Machine Learning trong Trình duyệt

Các thư viện như TensorFlow.js đang mang khả năng học máy trực tiếp vào trình duyệt. Dưới đây là một ví dụ đơn giản:

const model = tf.sequential();
model.add(tf.layers.dense({units: 1, inputShape: [1]}));

model.compile({loss: 'meanSquaredError', optimizer: 'sgd'});

const xs = tf.tensor2d([1, 2, 3, 4], [4, 1]);
const ys = tf.tensor2d([1, 3, 5, 7], [4, 1]);

model.fit(xs, ys, {epochs: 10}).then(() => {
model.predict(tf.tensor2d([5], [1, 1])).print();
});

Mã này tạo ra một mô hình học máy đơn giản để dự đoán y = 2x - 1.

Hỗ trợ Trình duyệt của JavaScript

Một trong những ưu thế của JavaScript là sự hỗ trợ tuyệt vời của nó trên các trình duyệt. Tất cả các trình duyệt web hiện đại đều hỗ trợ JavaScript, bao gồm:

  1. Google Chrome
  2. Mozilla Firefox
  3. Apple Safari
  4. Microsoft Edge
  5. Opera

Mỗi trình duyệt có engine JavaScript riêng:

Trình duyệt Engine JavaScript
Chrome V8
Firefox SpiderMonkey
Safari JavaScriptCore
Edge Chakra (cũ) / V8 (mới)

Những engine này dịch và thực thi mã JavaScript, thường với hiệu suất ấn tượng. Dưới đây là một đoạn mã đơn giản hoạt động trên tất cả các trình duyệt hiện đại:

document.addEventListener('DOMContentLoaded', (event) => {
const button = document.createElement('button');
button.textContent = 'Click me!';
button.addEventListener('click', () => {
alert('Button clicked!');
});
document.body.appendChild(button);
});

Mã này tạo ra một nút khi được nhấp sẽ hiển thị một thông báo. Nó sử dụng các phương thức thao tác DOM tiêu chuẩn được hỗ trợ trên tất cả các trình duyệt hiện đại.

Cuối cùng, JavaScript đã có một hành trình tuyệt vời từ một dự án 10 ngày đến một trong những ngôn ngữ lập trình quan trọng nhất trên thế giới. Sự khả năng phát triển và thích nghi của nó đã giữ cho nó luôn hợp thời cho hơn 25 năm, và nó không có dấu hiệu chậm lại. Khi bạn tiếp tục hành trình lập trình của mình, hãy nhớ rằng mỗi dòng mã JavaScript bạn viết là một phần của câu chuyện này. Chúc các bạn lập trình vui vẻ!

Credits: Image by storyset