Trình soạn thảo mã Javascript

CodeMirror là một thành phần biên tập mã cho web. Nó có thể được sử dụng trong các trang web để triển khai trường nhập văn bản với sự hỗ trợ cho nhiều tính năng chỉnh sửa và có giao diện lập trình phong phú để cho phép mở rộng thêm

Đây là trường CodeMirror, được định cấu hình để chỉnh sửa mã JavaScript

Đặc trưng

• khả năng tiếp cận

  Hoạt động tốt với trình đọc màn hình và người dùng chỉ sử dụng bàn phím

• Hỗ trợ di động

  Sử dụng các tính năng chỉnh sửa và lựa chọn gốc của nền tảng trên điện thoại

• Đánh dấu cú pháp

  Mã màu để phản ánh cấu trúc cú pháp

• tự động hoàn thành

  Cung cấp các gợi ý hoàn thành theo ngôn ngữ cụ thể trong trình chỉnh sửa

• Tốc độ

  Vẫn đáp ứng ngay cả trên các tài liệu lớn và dòng dài

• Kiểu dáng linh hoạt

  Trộn các kiểu và kích thước phông chữ, thêm các tiện ích trong nội dung

• chỉnh sửa cộng tác

  Cho phép nhiều người dùng chỉnh sửa cùng một tài liệu

• quốc tế hóa

  Cung cấp văn bản tùy chỉnh để hiển thị hoặc thông báo cho người dùng

• và nhiều hơn nữa

  Tìm mô tả đầy đủ về các tính năng của thư viện trong tài liệu

Về

CodeMirror là nguồn mở theo giấy phép cho phép (MIT). Nó đang được phát triển trên GitHub. Đóng góp được hoan nghênh

Nếu bạn đang sử dụng CodeMirror cho mục đích thương mại, có một kỳ vọng xã hội (nhưng không hợp pháp) rằng bạn sẽ giúp tài trợ cho việc duy trì nó. Bắt đầu ở đây

Thư viện hỗ trợ các trình duyệt từ Internet Explorer 11 (với một số polyfill)

Thảo luận về dự án, hoặc đặt câu hỏi, được thực hiện tốt nhất trên diễn đàn. Lỗi nên được báo cáo thông qua trình theo dõi vấn đề. Chúng tôi mong muốn trở thành một cộng đồng hòa nhập, thân thiện. Để làm rõ điều đó, chúng tôi có một quy tắc ứng xử áp dụng cho giao tiếp xung quanh dự án

Hỗ trợ ngôn ngữ

Gói trình phân tích cú pháp đầy đủ, thường có mã mở rộng và tích hợp dành riêng cho ngôn ngữ, tồn tại cho các ngôn ngữ sau

• CSS
• C++
• HTML
• Java
• JavaScript
• JSON
• đánh dấu
• PHP
• con trăn
• rỉ sét
• XML

Ngoài ra còn có một bộ sưu tập các chế độ CodeMirror 5 có thể được sử dụng và một danh sách. Nếu ngôn ngữ của bạn không được liệt kê ở trên, bạn vẫn có thể tìm thấy giải pháp ở đó

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

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, nó được giới thiệu trong ES6
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'
}

còn lại(. ) nhà điều hành

Lây lan(. ) 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!
`

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!
`

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!
`

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!
`

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!
`

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!
`

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!
`

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

Trình chỉnh sửa mã nào được sử dụng cho JavaScript?

Notepad ++ có được sử dụng cho JavaScript không?

Tôi có thể chạy mã JS trực tuyến ở đâu?