IE浏览器不兼容js中的ES6箭头函数

最新推荐文章于 2023-01-03 17:05:12 发布

Anhk丶

最新推荐文章于 2023-01-03 17:05:12 发布

阅读量2.5k

点赞数

文章标签： js javascript

原文链接：https://blog.csdn.net/qq_31201781/article/details/79099630

版权

一、如下示例：使用es6语法（不包含Promise）
script标签的type的值设为text/babel

<script type="text/babel">
	const arr1=[1,2,3]
	const arr2=[...arr1]
	console.log(arr2);
	let arr3=arr2.map((x)=>x*2)
	console.log(arr3);
	const [x,y,z]=[[...arr3]]
	console.log(x);

	class Point {
		constructor(x, y) {
			this.x = x;
			this.y = y;
		}

		toString() {
			return '(' + this.x + ', ' + this.y + ')';
		}
	}
	console.log(new Point(1, 2).toString());
	console.log(new Promise(function(){})); 
</script>
<script src="browser.min.js"></script>

二、IE使用Promise，async,await
在头部增加polyfill.js即可。
polyfill.js安装方法：npm install babel-polyfill --save

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>polyfill</title>
    <script src="../node_modules/babel-polyfill/dist/polyfill.js"></script>
</head>
	<body>
		<script type="text/babel">
    		const arr1=[1,2,3]
    		const arr2=[...arr1]
    		console.log(arr2);
    		let arr3=arr2.map((x)=>x*2)
    		console.log(arr3);
    		const [x,y,z]=[[...arr3]]
    		console.log(x);

    		class Point {
        		constructor(x, y) {
            		this.x = x;
            		this.y = y;
        		}
        		toString() {
            		return '(' + this.x + ', ' + this.y + ')';
        		}
    		}
    		console.log(new Point(1, 2).toString());
    		console.log(new Promise(function(){}))
    		function getUser() {
      		return new Promise((resolve) => {
        		setTimeout(()=>{
          		resolve('lzy')
        		},2000)
      		})
    		}
    		async function getUserName() {
      		let userName=await getUser()
      		console.log(userName)
    		}
    		getUserName()
		</script>
		<script src="browser.min.js"></script>
	</body>
</html>