1. 程式人生 > >es6如何解決不相容問題

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>