Trình biên dịch trực tuyến JavaScript
Viết, chạy và chia sẻ mã JavaScript trực tuyến bằng trình biên dịch JS trực tuyến của OneCompiler miễn phí. Đây là một trong những trình biên dịch trực tuyến mạnh mẽ, giàu tính năng cho ngôn ngữ JavaScript. Bắt đầu với trình chỉnh sửa JavaScript của OneCompiler rất dễ dàng và nhanh chóng. Trình chỉnh sửa hiển thị mã nồi hơi mẫu khi bạn chọn ngôn ngữ làm JavaScript và bắt đầu mã hóa.
Về JavaScript
JavaScript [JS] là ngôn ngữ lập trình hướng đối tượng tuân thủ các tiêu chuẩn tập lệnh ECMA. JavaScript được yêu cầu để thiết kế hành vi của các trang web.
Các tính năng chính
- Open-source
- Chỉ trong thời gian biên dịch ngôn ngữ
- Được nhúng cùng với HTML và làm cho các trang web còn sống
- Ban đầu được đặt tên là Livescript.
- Thực thi trong cả trình duyệt và máy chủ có các công cụ JavaScript như V8 [Chrome], Spidermonkey [Firefox], v.v.
Cú pháp trợ giúp
sự định nghĩa biến
var | VAR được sử dụng để khai báo các biến [cách khai báo cũ] | Chức năng hoặc phạm vi toàn cầu |
để cho | cũng được sử dụng để khai báo các biến [cách mới] | Phạm vi toàn cầu hoặc khối |
hăng sô | Const được sử dụng để khai báo các giá trị const. Khi giá trị được gán, nó không thể được sửa đổi | Phạm vi toàn cầu hoặc khối |
hăng sô
Const được sử dụng để khai báo các giá trị const. Khi giá trị được gán, nó không thể được sửa đổi
let greetings = `Hello ${name}`
Chuỗi backtick
const msg = `
hello
world!
`
Nội suy
Chuỗi nhiều dòng
Syntax:
let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array["value1","value2",..etc];
Example:
let mobiles = ["iPhone", "Samsung", "Pixel"];
// accessing an array
console.log[mobiles[0]];
// changing an array element
mobiles[3] = "Nokia";
Mảng
Một mảng là một tập hợp các mục hoặc giá trị.
Arrow functions can be written in multiple ways. Below are couple of ways to use arrow function but it can be written in many other ways as well.
Hàm mũi tên
[] => expression
Example:
const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
const squaresOfEvenNumbers = numbers.filter[ele => ele % 2 == 0]
.map[ele => ele ** 2];
console.log[squaresOfEvenNumbers];
De-structuring
Nội suy
let [firstName, lastName] = ['Foo', 'Bar']
Chuỗi nhiều dòng
let {firstName, lastName} = {
firstName: 'Foo',
lastName: 'Bar'
}
Mảng
const {
title,
firstName,
lastName,
...rest
} = record;
Một mảng là một tập hợp các mục hoặc giá trị.
//Object spread
const post = {
...options,
type: "new"
}
//array spread
const users = [
...adminUsers,
...normalUsers
]
Hàm mũi tên
const msg = `
hello
world!
`
0Các chức năng mũi tên giúp các nhà phát triển viết mã theo cách ngắn gọn, nó được giới thiệu trong các chức năng ES6.arrow có thể được viết theo nhiều cách. Dưới đây là một vài cách để sử dụng chức năng mũi tên nhưng nó cũng có thể được viết theo nhiều cách khác.
Cú pháp:
Các đối tượng
Nhà điều hành REST [...]
const msg = `
hello
world!
`
1Nhà điều hành lây lan [...]
Chức năng
Nhà điều hành REST [...]
const msg = `
hello
world!
`
2Nhà điều hành lây lan [...]
Chức năng
Nhà điều hành REST [...]
const msg = `
hello
world!
`
3Nhà điều hành lây lan [...]
Chức năng
const msg = `
hello
world!
`
4Vòng lặp
1. Nếu:
const msg = `
hello
world!
`
5Nếu được sử dụng để thực thi một khối mã dựa trên một điều kiện.
Cú pháp
const msg = `
hello
world!
`
62. if-else:
Phần khác được sử dụng để thực thi khối mã khi điều kiện không thành công.
Syntax:
const msg = `
hello
world!
`
7Example:
const msg = `
hello
world!
`
8