Có bốn cách để chạy mã JavaScript trên máy Mac. Đầu tiên là cài đặt Node. js và mở tập lệnh thông qua Terminal. Các thao tác khác là mở trình duyệt và mở bảng điều khiển, trình biên dịch dựa trên web hoặc tài liệu HTML cục bộ có tập lệnh
Hướng dẫn này cho bạn thấy tất cả chúng
trong nhà ga
Bước 1. Cài đặt nút. js
Để chạy mã JavaScript trong thiết bị đầu cuối của máy Mac, bạn cần cài đặt Nút thời gian chạy JavaScript. js
Nút. jsNút. js là một thời gian chạy JavaScript được xây dựng trên công cụ JavaScript V8 của Chrome, cùng một công cụ cung cấp năng lượng cho Google Chrome [và, vì nó là mã nguồn mở, nên một vài trình duyệt khác]
Bạn có thể cài đặt Nút. js trên máy Mac của bạn bằng cách tải xuống mã nguồn hoặc trình cài đặt dựng sẵn hoặc bằng cách tải xuống gói có bash
curl "//nodejs.org/dist/latest/node-${VERSION:-$[wget -qO- //nodejs.org/dist/latest/ | sed -nE 's|.*>node-[.*]\.pkg.*|\1|p']}.pkg" > "$HOME/Downloads/node-latest.pkg" && sudo installer -store -pkg "$HOME/Downloads/node-latest.pkg" -target "/"
nút. js cũng mô tả cách cài đặt thời gian chạy bằng Homebrew, MacPorts và pkgsrc. Vì vậy, hãy đến với Node. js nếu đó là điều bạn muốn làm, thì hãy quay lại phần còn lại của hướng dẫn này sau khi bạn đã cài đặt xong
Bước 2. Kiểm tra xem nút. js đã cài đặt thành công
Tuy nhiên, bạn đã cài đặt Node. js trên máy Mac của bạn, bạn nên kiểm tra xem thời gian chạy đã được cài đặt thành công hay chưa
Để thực hiện việc này, hãy mở Terminal, nhập “node -v” và đợi vài giây
Kiểm tra nút. js trong Terminal
Nếu mọi thứ suôn sẻ, bạn sẽ thấy một Nút. js được in trên một dòng mới trong Terminal. Ví dụ, vào ngày xuất bản bài đăng này, phiên bản Node của tôi. js là v16. 14. 2
Bước 3. Đặt mã JavaScript của bạn vào một. tập tin js
Ví dụ: hãy tạo một hàm đơn giản để nhập văn bản ở dạng chuỗi và xuất nó ra thiết bị đầu cuối/bảng điều khiển
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
Bước 4. Mở Terminal và thay đổi thư mục
Mở thiết bị đầu cuối của bạn và nhập lệnh
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
4 để thay đổi thư mục thành nơi bạn đặt tệp của mình vàoVí dụ: theo thói quen, tôi đặt các tệp tạm thời của mình vào thư mục "Tải xuống"
cd /Users/myusername/Downloads/
Bước 5. Mở tệp trong Nút. js thông qua Terminal
Mở tệp script trong Node. js bằng cách chạy lệnh
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
5 theo sau là tên tệpNode hello.js
Kìa, tập lệnh của chúng tôi đã xuất ra “Xin chào” vào Terminal
Đầu ra của tập lệnh của chúng tôi trong Terminal
Trong trình duyệt của bạn
Bạn có thể chạy mã JavaScript trong trình duyệt của mình. Bạn có thể thực hiện việc này ngoại tuyến, trong bảng điều khiển của trình duyệt hoặc trực tuyến, trong trình biên dịch JavaScript dựa trên web
Nếu bạn chưa quen với việc phát triển web, bạn sẽ muốn làm quen với hai phương pháp này. Chúng sẽ hữu ích cho bạn khi phát triển, thử nghiệm, triển khai và gỡ lỗi các trang web và ứng dụng dựa trên web
Trong Bảng điều khiển dành cho nhà phát triển
Tất cả các trình duyệt đều có một bộ công cụ dành cho nhà phát triển được tích hợp ngay bên trong chúng. Các công cụ dành cho nhà phát triển này cho phép bạn chỉnh sửa đánh dấu HTML và biểu định kiểu CSS, cũng như chạy mã JavaScript cục bộ
Bước 1. Mở bảng điều khiển của trình duyệt của bạn
Truy cập bất kỳ trang web nào và nhấp chuột phải vào “Kiểm tra” hoặc “Kiểm tra phần tử” và các công cụ dành cho nhà phát triển của trình duyệt của bạn sẽ bật lên. [Gợi ý. Bạn có thể thử cái này ngay tại đây, ngay bây giờ. ]
Đi tới tab “Bảng điều khiển”
Bảng điều khiển dành cho nhà phát triển trong SafariBảng điều khiển là nơi bạn có thể chạy mã JavaScript
Bước 2. Nhập hoặc sao chép/dán mã JavaScript của bạn
Đây là nơi bạn có thể viết và thực thi các câu lệnh. Ví dụ: nhập mã này vào và nhấn phím “Enter” trên bàn phím của bạn sẽ xuất ra “Xin chào thế giới. ” vào bảng điều khiển
// Output Hello world! to the console
console.log['Hello world!']
Bạn cũng có thể khai báo các hàm mà bạn có thể chạy lặp lại, bằng cách chuyển các tham số khác nhau cho chúng
// Declare function
function sumOfTwo[a,b] {
let sum = a + b;
console.log[sum];
}
// Call function
sumOfTwo[1,3]; // Outputs 4
sumOfTwo[5,15]; // Outputs 20
Và, tất nhiên, bạn có thể viết mã JavaScript để phân tích cú pháp và thao tác với các thành phần DOM trong tài liệu HTML của trang mà bạn đã mở
For example, the following statement will select and parse the tag thanks to the
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
0 interface within the Web APIs:// Select and parse and tag
document.querySelector['body'];
Trong JSFiddle
Một cách khác để chạy mã JavaScript trong trình duyệt của bạn là mở một trình soạn thảo và trình biên dịch JavaScript trực tuyến, chẳng hạn như JSFiddle. [Có rất nhiều công cụ khác cho công việc này, nhưng cho đến nay JSFiddle là công cụ yêu thích của tôi. ]
Mặc dù bảng điều khiển trong các công cụ dành cho nhà phát triển của trình duyệt của bạn rất hữu ích khi bạn đang làm việc trên một trang web thực tế, nhưng JSFiddle lại hữu ích khi bạn muốn làm việc trên một đoạn mã trừu tượng
Nó cho phép bạn chỉnh sửa HTML, CSS và JavaScript—bộ ba thần thánh của phát triển web—đồng thời. Nó cũng hiển thị kết quả và cung cấp cho bạn quyền truy cập, bạn đoán nó, một bảng điều khiển
Công cụ này cũng rất phù hợp khi bạn có cảm hứng trên đường đi làm hoặc đi du lịch và chỉ mang theo iPhone hoặc iPad bên mình. Bạn có thể viết mã, thực thi mã và lưu các đoạn mã để sử dụng sau này [miễn là bạn tạo một tài khoản]
Trong một tài liệu HTML
JavaScript ban đầu được phát triển như một ngôn ngữ kịch bản cho các trang web. Do đó, không có gì ngạc nhiên khi phương pháp cuối cùng [nhưng không kém phần quan trọng] để chạy mã JavaScript trên máy Mac của bạn là nhúng nó vào tài liệu HTML cục bộ
Bước 1. Tạo tài liệu HTML từ đầu [hoặc sử dụng mẫu dành cho người mới bắt đầu, chẳng hạn như HTML5 Boilerplate]
Bước 2. Nhúng mã JavaScript của bạn vào thẻ
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
1 hoặc đặt nó vào. js và liên kết đến tệp đó từ thẻ // Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
1 có thuộc tính // Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
3Nếu tập lệnh cần phân tích cú pháp hoặc thao tác với các phần tử DOM, hãy đặt tập lệnh đó ở cuối thẻ
// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
4, ngay trước câu lệnh đóng // Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
5 hoặc sử dụng trình xử lý sự kiện DOMContentLoaded// Declare function
function say[something] {
console.log[something];
}
// Call function
say["Hey there!"]; // Outputs Hey there! to the terminal
3Bước 3. Mở tệp HTML của bạn trong trình duyệt
Chạy JavaScript cục bộ bên trong tệp HTMLMọi hàm JavaScript cần phân tích cú pháp và thao tác với các đối tượng DOM trong phần đánh dấu HTML sẽ chạy. Bạn cũng có thể sử dụng bảng điều khiển trong công cụ dành cho nhà phát triển của trình duyệt để xác minh và gỡ lỗi
Tóm lại là
Cảm ơn bạn đã đọc đến đây và tôi hy vọng hướng dẫn này đã giúp bạn tìm ra cách chạy mã JavaScript trên máy Mac, MacBook hoặc bất kỳ máy nào chạy macOS