本文介绍如何使用Babel解决浏览器对ES6语法的支持问题。通过引入Babel.js脚本，可以将现代JavaScript语法转换为旧版浏览器能理解的代码。示例展示了将ES6模板字符串和箭头函数转换的过程。
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
引入这个js可解决不兼容es6的浏览器以及<script type="text/babel">
案例如下：
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
const tmpl = addrs => `
<table>
${addrs.map(addr => `
<tr><td>${addr.first}</td></tr>
<tr><td>${addr.last}</td></tr>
`).join('')}
</table>
`;
const data = [
{ first: '<Jane>', last: 'Bond' },
{ first: 'Lars', last: '<Croft>' },
];
console.log(tmpl(data));
$("#example").text("a12343124");
</script>
扫一扫
1959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
