es6新增语法的使用代码
时间: 2024-01-19 21:17:29 浏览: 92
以下是ES6新增语法的一些示例代码:
1. 箭头函数
```javascript
// 传统函数写法
function add(a, b) {
return a + b;
}
// 箭头函数写法
const add = (a, b) => a + b;
```
2. 解构赋值
```javascript
// 数组解构赋值
const [a, b, c] = [1, 2, 3];
console.log(a); // 输出:1
console.log(b); // 输出:2
console.log(c); // 输出:3
// 对象解构赋值
const { name, age } = { name: 'Alice', age: 20 };
console.log(name); // 输出:Alice
console.log(age); // 输出:20
```
3. 模板字符串
```javascript
const name = 'Alice';
const age = 20;
const message = `My name is ${name} and I'm ${age} years old.`;
console.log(message); // 输出:My name is Alice and I'm 20 years old.
```
4. let和const关键字
```javascript
// 使用let声明变量
let count = 0;
count = 1; // 可以修改变量的值
// 使用const声明常量
const PI = 3.14;
PI = 3.14159; // 不能修改常量的值,会报错
```
5. 类和继承
```javascript
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a sound.`);
}
}
class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(`${this.name} barks.`);
}
}
const dog = new Dog('Buddy');
dog.speak(); // 输出:Buddy barks.
```
阅读全文