ES5、ES6（ES2015）有什么区别?
参考回答
ES5 和 ES6（也称为 ES2015）是 JavaScript 的两个重要版本。它们的主要区别在于功能和特性。ES5 是 JavaScript 的一个较旧版本，主要侧重于增强基本功能和提高兼容性，而 ES6 是一个重大更新，引入了许多现代化的语法和特性，使 JavaScript 更加强大和易用。
具体区别如下：
- 变量声明：
- ES5：只能使用
var。 - ES6：引入了
let和const，提供了更好的变量作用域管理。
- ES5：只能使用
- 箭头函数：
- ES5：使用传统的函数声明。
- ES6：引入了箭头函数，简化了函数写法，同时不会绑定自己的
this。
- 类和模块：
- ES5：没有原生的类和模块，通常使用构造函数模拟类，使用闭包或第三方工具管理模块。
- ES6：引入了
class和module语法，使 OOP 和模块化开发更直观。
- 模板字符串：
- ES5：需要用字符串拼接的方式，如：
'Hello ' + name。 - ES6：使用模板字符串更简洁，如：
Hello ${name}。
- ES5：需要用字符串拼接的方式，如：
- 新数据结构：
- ES5：没有原生的集合类。
- ES6：引入了
Map、Set等数据结构。
详细讲解与拓展
1. 变量声明：var vs let / const
在 ES5 中，var 是唯一的声明变量的方式，但它存在以下问题：
– 作用域问题：var 是函数作用域，而不是块作用域，可能导致变量被意外覆盖。
– 变量提升：var 会被提升到作用域顶部，容易导致意外行为。
// ES5
if (true) {
var x = 10;
}
console.log(x); // 输出 10
在 ES6 中，let 和 const 是块作用域，能够更好地避免变量泄漏问题。
// ES6
if (true) {
let y = 20;
}
console.log(y); // 报错：y is not defined
2. 箭头函数
箭头函数是 ES6 的一大亮点，它简化了函数写法，同时避免了 this 指向的问题。
示例：传统函数 vs 箭头函数
// ES5
var add = function (a, b) {
return a + b;
};
// ES6
const add = (a, b) => a + b;
同时，箭头函数不会绑定自己的 this，更适合回调函数使用。
// ES5
function Counter() {
this.count = 0;
setTimeout(function () {
this.count++; // 报错：this 指向全局对象
}, 1000);
}
// ES6
function Counter() {
this.count = 0;
setTimeout(() => {
this.count++; // 正确：箭头函数的 this 指向外部作用域
}, 1000);
}
3. 类和模块
ES5 使用函数和原型模拟类，代码冗长且不直观。
// ES5
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function () {
console.log('Hello, ' + this.name);
};
ES6 引入了 class，更贴近传统 OOP 的语法。
// ES6
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, ${this.name}`);
}
}
同时，ES6 模块化语法（import 和 export）彻底改变了代码组织方式，使得模块更易于管理。
4. 新数据结构
ES5 中，常用对象或数组来模拟集合类型。
// ES5
var obj = { key: 'value' };
var arr = [1, 2, 3];
ES6 提供了 Map 和 Set，分别用来存储键值对和唯一值集合：
// ES6
const map = new Map();
map.set('key', 'value');
console.log(map.get('key')); // 输出 'value'
const set = new Set([1, 2, 2, 3]);
console.log(set); // 输出 Set {1, 2, 3}
总结
ES5 和 ES6 的主要区别在于语法和特性的增强。ES5 是为兼容性和基础功能设计的，而 ES6 为现代开发者提供了更简洁、高效的工具，比如箭头函数、块作用域、模块化、类和新数据结构等。
了解这些区别可以帮助你写出更简洁、可维护性更高的代码，同时在面试中也能够清楚地展示自己的技术理解。