ES2015 模板功能数组写法+对象写法

最新推荐文章于 2024-12-03 19:15:32 发布

原创最新推荐文章于 2024-12-03 19:15:32 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何将ES6的解构赋值和模板字符串特性转换为ES5语法，并展示了对象和数组的实例。

let [name,age,str]=["daichen",18];

str=`${name}的年龄是${age}`;
alert(str);

翻译为es5:

"use strict";

var _ref = ["daichen", 18];
var name = _ref[0];
var age = _ref[1];
var str = _ref[2];


str = name + "\u7684\u5E74\u9F84\u662F" + age;
alert(str);

对象写法：

let me_class=function(){
    this.name="daichen";
    this.age="18";
}
let me=new me_class();
let str=`${me.name} ${me.age}`;
alert(str);

翻译为ES5

"use strict";

var me_class = function me_class() {
    this.name = "daichen";
    this.age = "18";
};
var me = new me_class();
var str = me.name + " " + me.age;
alert(str);