ECMAScript和JavaScript的区别

一、语法差异

在语法方面，ECMAScript是JavaScript的标准化规范，它定义了JavaScript的基本语法和关键字，规定了JavaScript的运算、控制流等基本语言特性。

下面以变量定义来举例说明：

// JavaScript代码
var a = 1;
// ECMAScript 6中的代码，使用let和const代替var
let a = 1;
const b = 2;

在ES6中，let和const代替了var作为变量声明关键字，而且let和const在作用域上的行为比var更为严格，避免了JavaScript开发中常见的一些难以捕获的错误

二、特性支持差异

由于ECMAScript只是JavaScript的规范，对应不同版本的JavaScript的特性支持存在一定的差异。比如 Array.prototype.includes()方法，在ECMAScript 2016规范中被定义为了一种可以用于数组中查找特定元素的方法，而在之前的JavaScript版本中该方法可能并不会得到支持。我们可以通过使用Polyfill来在旧版JavaScript中模拟新版JavaScript的API功能。

三、ES6新增语法特性

虽然ECMAScript 6已经发布了一段时间，不过此时此刻，我们使用的JavaScript仍然是ES6之前的版本。ES6中引入了很多新特性，包括：

1. 类和构造函数

class Animal{
  constructor(name){
    this.name = name;
  }
  run(){
    console.log(`${this.name} is running...`)
  }
}

let cat = new Animal("Tom");
cat.run();

2. 箭头函数

// ES6中的箭头函数的定义
let fn = (a,b) => a+b;

// 对应的ES5函数定义
var fn = function(a,b){
  return a + b;
}

3. Promise对象

// Promise用于解决异步编程的问题
var promise = new Promise((resolve, reject) => {
  resolve("success");
});

promise.then((value) => {
  console.log(value);
});

promise.catch((err) => {
  console.log(err);
});

四、总结

ECMAScript和JavaScript的区别主要在于前者是后者的规范，ES规范规定了JavaScript的基本语法和特性，而特性支持差异和ES6新增语法特性则是在不同时期版本中的实现和扩展部分。在实际应用过程中，我们可以将标准化规范进行等同，反而需要注意的是JavaScript版本的兼容性问题。