Mọi người thỉnh thoảng sử dụng bảng điều khiển JavaScript để ghi nhật ký hoặc gỡ lỗi. Nhưng đối tượng console còn nhiều điều hơn
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }2
Tên thuộc tính được tính toán
Tên thuộc tính được tính toán ES6 đặc biệt hữu ích, vì chúng có thể giúp bạn xác định các biến đã ghi bằng cách thêm một cặp dấu ngoặc nhọn xung quanh chúng
bảng điều khiển. dấu vết[]
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }3 hoạt động giống hệt như
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }2, nhưng nó cũng xuất ra toàn bộ dấu vết ngăn xếp để bạn biết chính xác điều gì đang xảy ra
bảng điều khiển. tập đoàn[]
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }5 cho phép bạn nhóm các nhật ký thành các cấu trúc có thể thu gọn và đặc biệt hữu ích khi bạn có nhiều nhật ký
cấp độ ghi nhật ký
Có một vài cấp độ ghi nhật ký khác ngoài
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }2, chẳng hạn như
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }7,
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }8,
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }9 và
"hello world".includes["world"] // true "hello world".startsWith["hello"] // true "hello world".endsWith["world"] // true parseFloat["123"].toFixed[2] // "123.00"0
console.debug['Debug message']; console.info['Useful information']; console.warn['This is a warning']; console.error['Something went wrong!'];
bảng điều khiển. khẳng định[]
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }20 cung cấp một cách thuận tiện để chỉ ghi lại lỗi nào đó khi xác nhận không thành công [i. e. khi đối số đầu tiên là
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }21], nếu không thì hoàn toàn bỏ qua nhật ký
bảng điều khiển. đếm[]
Bạn có thể sử dụng
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }22 để đếm xem một đoạn mã đã thực thi bao nhiêu lần
bảng điều khiển. thời gian[]
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }23 cung cấp cho bạn một cách nhanh chóng để kiểm tra hiệu suất mã của bạn, nhưng không được sử dụng để đo điểm chuẩn thực do độ chính xác thấp
CSS
Cuối cùng nhưng không kém phần quan trọng, bạn có thể sử dụng biểu thức thay thế chuỗi
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }24 trong
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }2 để áp dụng CSS cho các phần của nhật ký
Đoạn trích được đề xuất
Thêm nhiều trình xử lý sự kiện có cùng trình xử lý vào một phần tử
Tạo một phần tử từ một chuỗi [không nối nó vào tài liệu]. Nếu chuỗi đã cho chứa nhiều phần tử, chỉ phần tử đầu tiên sẽ được trả về
Bạn đã bao giờ muốn lấy giá trị của phần tử đầu vào HTML dưới dạng số chưa?
Modern JavaScript Cheatsheet - Tipjs chia sẻ một bài đăng rất hữu ích về các tính năng của JavaScript. Bài viết này sẽ có thể được cập nhật mỗi ngày, vì tính năng JavaScript vô số kể, cho nên nếu có bỏ lỡ một tính năng nào đó thì tipjs cũng mong có sự đóng góp của các bạn
Nhiệm vụ phá hủy
Gán hủy cấu trúc là một cú pháp cho phép tách dữ liệu được lưu trữ bên trong [lồng nhau] Đối tượng hoặc Mảng [tổng hợp hơn là các giá trị có thể lặp lại] và gán chúng cho các biến riêng biệt
Đọc thêm. Sử dụng Nhiệm vụ hủy cấu trúc javascript như một người chuyên nghiệp
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }
Phương pháp chuỗi
Chuỗi trong javascript có thể là một trong những tính năng thường được sử dụng nhất trong mỗi ứng dụng của mỗi devjs
Đọc thêm. Tipjs - 5 cách chuyển giá trị sang chuỗi trong javascript
"hello world".includes["world"] // true "hello world".startsWith["hello"] // true "hello world".endsWith["world"] // true parseFloat["123"].toFixed[2] // "123.00"
chức năng mũi tên
Đọc thêm. Bảng chức năng mũi tên ES6
const getName = user => user.name const funcName = name => { // do something return name }
Phương pháp mảng
Phương thức mảng trong javascript. Ngôn ngữ nào cũng vậy, phải ôm những chức năng quan trọng để giải quyết nhanh hơn chứ không riêng gì về javascript. Giờ đây qua bài viết này các bạn lại có thể trang bị thêm cho mình những bí kíp tuy nhỏ nhưng võ công lại thượng thừa
Đọc thêm. Mảng phương thức cần biết trong javascript
const numbers = [1, 2, 3] numbers.map[n => n * 2] // [2, 4, 6] numbers.filter[n => n % 2 === 0] // [2] numbers.reduce[[prev, next] => prev + next, 0] // 6 numbers.find[[n] => n > 2] // 3
Thao tác mảng
Đọc thêm. Hãy nói về mối nối, tách và cắt trong javascript
// Delete at index array.splice[index, 1] // Insert at index array.splice[index, 0, newItem] // find index [1, 2, 3].indexOf[3] // 2; return -1 if not found // concat let array3 = array1.concat[array2] // [1].concat[[2]] is [1, 2] // new array let array4 = [1, 2, 3, 4, 5].slice[2, 4] // [3, 4]
Toán tử trải rộng
Chúng ta sẽ nỗ lực giải thích [. ] làm gì trong JavaScript. Hy vọng, điều này sẽ loại bỏ sự mơ hồ trong khái niệm này cho các bạn và cho những nhà phát triển sẽ tìm thấy bài viết này trong tương lai và có cùng câu hỏi. Đây là một trong những tính năng thú vị mới của ECMA6 của Javascript; . ] is an in the new Javascript functions
Đọc thêm. Toán tử trải rộng trong JavaScript
const array1 = [1, 2] const array2 = [...array1, 3, 4] // [1, 2, 3, 4] const funcName = [x, ...params] => { console.log[x] console.log[params] } funcName[1, 2, 3, 4] // 1 // [2, 3, 4]
Trải rộng đối tượng
Đọc thêm. Sử dụng Object Spread Operator trong javascript
const options = { ...defaults, show: true }
Dàn trải mảng
Đọc thêm. Sử dụng Arrays Spread Operator trong javascript
________số 8lặp đi lặp lại
Đọc thêm. Sự khác biệt giữa for. trong, cho. of và forEach trong javascript
for [let i of [1, 2, 3]] { console.log[i] } // 1 // 2 // 3 for [let [index, value] of ['hi', 'hello', 'world'].entries[]] { console.log[index, value] } // 0 "hi" // 1 "hello" // 2 "world" const obj = {key1: 'hi', key2: 'hello', key3: 'world'}; for [let key in obj] { console.log[key, obj[key]] } // or for [let [key, value] of Object.entries[obj]] { console.log[key, value] } // key1 hi // key2 hello // key3 world
Tạo lời hứa
Thật ra có nhiều bạn thần thánh Promise cho nên cho nó là thứ siêu cao và thần thánh. Đúng là nó cao siêu thật nhưng nó không thần thánh và khó hiểu hay khó sử dụng như vậy. Thực tế là lời hứa là một đối tượng JavaScript đặc biệt cũng giống như các đối tượng khác mà thôi
Đọc thêm. [Series Callback javascript] - Phần 2. Lời hứa là gì?
let [first, last] = ['first name', 'last name'] // or let {first, last} = { first: 'first name', last: 'last name' }
0tất cả lời hứa
Hứa tất cả sẽ từ chối ngay khi có một Lời hứa trong Mảng được đưa vào return về từ chối. Điều đó có nghĩa là, xem ví dụ dưới đây
Đọc thêm. Hứa. tất cả javascript giúp tôi xử lý hiệu suất thế nào?
"hello world".includes["world"] // true "hello world".startsWith["hello"] // true "hello world".endsWith["world"] // true parseFloat["123"].toFixed[2] // "123.00"
0Chờ đợi không đồng bộ
Bạn đã sử dụng Async / await như thế nào kể từ khi được giới thiệu ES7?