ES6 与ES5 不同的地方小计(含如何将 es6 转化为 es5 的 详细步骤)

1、定义对象的方式 ,es6 用的是 class 关键字 es5 用的是 function 

ES6 与ES5 不同的地方小计(含如何将 es6 转化为 es5 的 详细步骤)_第1张图片

ps: 实例属性和静态属性 

function people (name){
    this.name = name
};

people.name = "李四"

// 这里就是 通过 new 方法  new了一个实例
var a = new people ("张珊");

// 这是静态属性:
console.log(people.name)

// 这是实例属性:这是通过 实例 a 去访问 属性
console.log(a.name)

 2、将 es6 和 es7 的高级语法转化为低级语法

ES6 与ES5 不同的地方小计(含如何将 es6 转化为 es5 的 详细步骤)_第2张图片利用 babel 将 es6 和 es7 将高级语法转化成低级语法的详细步骤:

在 src 目录下面 新建一个 .babelrc 的文件,去配置 babel 

ps:有的时候装完 以后 执行npm run dev 的时候 还是会报错,说是无法 找到 node_moudles ,我的方法就是删除 node_moudles 后,重新执行  npm install  重装包 就好了,很神奇,没找原因

ES6 与ES5 不同的地方小计(含如何将 es6 转化为 es5 的 详细步骤)_第3张图片

 

你可能感兴趣的:(ES6 与ES5 不同的地方小计(含如何将 es6 转化为 es5 的 详细步骤))