Bảng cheat nhật ký bảng điều khiển

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ố 8

  lặ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'
  }

  0

  tấ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"

  0

  Chờ đợ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?