JavaScript 实用技巧

简介: JavaScript 实用技巧
1. 使用 constlet 替代 var

ES6 之前,我们通常使用 var 声明变量。但如今,推荐使用 constlet,因为它们具有块级作用域,可以避免很多潜在的问题。

const PI = 3.14; // 常量,无法重新赋值
let age = 25; // 变量,可以重新赋值
2. 解构赋值

解构赋值允许一次性地提取数组或对象的多个属性。这使得从数据结构中提取数据变得更加简洁。

// 数组解构
const [name, age] = ['John', 25];
console.log(name); // "John"
console.log(age); // 25
 
// 对象解构
const person = { name: 'John', age: 25 };
const { name, age } = person;
console.log(name); // "John"
console.log(age); // 25

 

// 数组解构
const [name, age] = ['John', 25];
console.log(name); // "John"
console.log(age); // 25
 
// 对象解构
const person = { name: 'John', age: 25 };
const { name, age } = person;
console.log(name); // "John"
console.log(age); // 25
3. 使用箭头函数

箭头函数使得创建匿名函数更加简洁,尤其在使用回调函数时非常有用。

setTimeout(() => {
  console.log('Execute later after 1 second')
}, 1000);

 

4. 默认参数

ES6 引入了默认参数的功能,允许你为函数的参数设置默认值。

function greet(name = 'John') {
  console.log(`Hello, ${name}!`);
}
 
greet(); // "Hello, John!"
greet('Jane'); // "Hello, Jane!"
目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript 实用技巧(二)
JavaScript 实用技巧(二)
27 0
|
存储 前端开发 JavaScript
JavaScript 基础(5) - 笔记
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 学习从初级到高级 JavaScript 知识。
235 2
|
JavaScript 前端开发 Serverless
JavaScript 基础(4) - 笔记
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 学习从初级到高级 JavaScript 知识。
84 1
|
存储 JavaScript 前端开发
JavaScript 基础(2) - 笔记
avaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 学习从初级到高级 JavaScript 知识。
128 1
|
存储 JavaScript 前端开发
JavaScript基础第01天笔记(下)
JavaScript基础第01天笔记(下)
139 0
JavaScript基础第01天笔记(下)
|
JavaScript 前端开发 Java
JavaScript 语法基础(下)
JavaScript 语法基础(下)
136 0
JavaScript 语法基础(下)
|
JavaScript 前端开发 Java
JavaScript 语法基础(上)
JavaScript 语法基础(上)
118 0
JavaScript 语法基础(上)
|
JavaScript 前端开发 Windows
JavaScript基础第03天笔记(一)
JavaScript基础第03天笔记
120 0
JavaScript基础第03天笔记(一)
|
存储 JavaScript 前端开发
JavaScript基础第06天笔记(二)
JavaScript基础第06天笔记(二)
85 0
JavaScript基础第06天笔记(二)
|
JavaScript 前端开发 Java
JavaScript基础第05天笔记(一)
JavaScript基础第05天笔记
92 0
JavaScript基础第05天笔记(一)