es6的語法有些瀏覽器是不兼容的,babel可以把es6的語法全部編譯成es5的,兼容所有瀏覽器
babel 官網 https://www.babeljs.cn
使用 babel 需要3步
1下載 babel.min.js 依賴包
2引入 <script src='babel.min.js'></script>
3設置 type='text/babel'
項目結構:
實現步驟
1.下載 babel.min.js 依賴包,下載地址:
https://download.csdn.net/download/youngzhongjie/11156617
2.引入 <script src='babel.min.js'></script>
3.設置 type='text/babel'
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 引入babel -->
<script src='babel.min.js'></script>
</head>
<body>
<script type='text/babel'>
let obj ={
name:'zhh',
method1(){
console.log('我在es6方法中');
}
}
</script>
</body>
</html>
4.瀏覽器 實現結果,上面的代碼編譯成了es5
源碼下載: