Sổ tay Javascript trực tuyến

Viết, Chạy & Chia sẻ mã Javascript trực tuyến bằng trình biên dịch trực tuyến JS 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 dành cho ngôn ngữ Javascript. Bắt đầu với trình soạn thảo Javascript của OneCompiler thật dễ dàng và nhanh chóng. Trình chỉnh sửa hiển thị mã soạn sẵn mẫu khi bạn chọn ngôn ngữ là Javascript và bắt đầu viết mã

Javascript [JS] là ngôn ngữ lập trình hướng đối tượng tuân theo Tiêu chuẩn tập lệnh ECMA. Javascript là cần thiết để thiết kế hành vi của các trang web

• Mã nguồn mở
• Ngôn ngữ được biên dịch đúng lúc
• Được nhúng cùng với HTML và làm cho các trang web trở nên sống động
• Ban đầu được đặt tên là LiveScript
• Có thể 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.

sự định nghĩa biến

KeywordDescriptionScopevarVar dùng để khai báo biến [cách khai báo biến cũ] Hàm hoặc scopeletlet toàn cục cũng dùng để khai báo biến [cách mới] Scopeconst toàn cục hoặc khối dùng để khai báo giá trị const. Sau 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

Backtick Chuỗi

nội suy

let greetings = `Hello ${name}`

Chuỗi nhiều dòng

const msg = `
hello
world!
`

Mảng

Một mảng là một tập hợp các mục hoặc giá trị

cú pháp

let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array["value1","value2",..etc];

Thí dụ

let mobiles = ["iPhone", "Samsung", "Pixel"];

// accessing an array
console.log[mobiles[0]];

// changing an array element
mobiles[3] = "Nokia";

chức năng mũi tên

Arrow Functions giúp các nhà phát triển viết mã một cách ngắn gọn, được giới thiệu trong ES6.
Các hàm mũi tên có thể được viết theo nhiều cách. Dưới đây là một số 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

[] => expression

Thí dụ

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];

hủy cấu trúc

Mảng

let [firstName, lastName] = ['Foo', 'Bar']

Các đối tượng

let {firstName, lastName} = {
  firstName: 'Foo',
  lastName: 'Bar'
}

Lên đỉnh[. ] nhà điều hành

________số 8

Truyền đi[. ] nhà điều hành

//Object spread
const post = {
  ...options,
  type: "new"
}
//array spread
const users = [
  ...adminUsers,
  ...normalUsers
]

Chức năng

const msg = `
hello
world!
`

0

vòng lặp

1. Nếu

IF đượ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!
`

1

2. Nếu khác

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

cú pháp

const msg = `
hello
world!
`

2

3. Công tắc

Switch được sử dụng để thay thế các câu lệnh If-Else lồng nhau

cú pháp

const msg = `
hello
world!
`

3

4. Vì

Vòng lặp for được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện

const msg = `
hello
world!
`

4

5. Trong khi

While cũng được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện. Thông thường, while được ưu tiên khi không biết trước số lần lặp

const msg = `
hello
world!
`

5

6. Làm trong khi

Do-while cũng được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện. Nó chủ yếu được sử dụng khi bạn cần thực hiện các câu lệnh ít nhất một lần

const msg = `
hello
world!
`

6

Các lớp học

ES6 đã giới thiệu các lớp cùng với các khái niệm OOPS trong JS. Lớp tương tự như một chức năng mà bạn có thể nghĩ giống như một loại khuôn mẫu sẽ được gọi khi bạn khởi tạo lớp

Với trình chỉnh sửa JavaScript trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã HTML, CSS và JavaScript và xem kết quả trong trình duyệt của mình

Nhấp vào nút "Tự dùng thử" để xem nó hoạt động như thế nào

Trình chỉnh sửa JavaScript đã giải thích

Cửa sổ bên trái có thể chỉnh sửa - chỉnh sửa mã và nhấp vào nút "Chạy" để xem kết quả trong cửa sổ bên phải

"Kích thước kết quả" trả về chiều rộng và chiều cao của cửa sổ kết quả tính bằng pixel [ngay cả khi bạn thay đổi kích thước cửa sổ trình duyệt]

Tôi có thể sử dụng JavaScript trực tuyến không?

Làm cách nào tôi có thể thực hành JavaScript trực tuyến?

Làm cách nào tôi có thể xem mã JavaScript của mình trực tuyến?

Tôi có thể viết mã js ở đâu?