1.数组

数组新增方法 includes 这个是检查数组内是否存在某个东西，返回布尔类型值。下边代码的返回值为false

<!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>
</head>
<body>
</body>
</html>
<script>
    let a = [1, 2, 3, 4]
    let c = a.includes(88)
    alert(c)
</script>

把includes中的88替换成1，返回的值就是true。

  let c = a.includes(1)

另外，数组的 keys，values，entries 也是新增的方法

keys =======>拿出所有的key

values========> 拿出所有的value

entries =======> 所有的 key-value拿出来

咱们看一下这个表格和这个例子

方法	数组	json
for…in	下标（key）	key
for…of	值（value）	无

<!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>
</head>

<body>

</body>

</html>
<script>


    let a = [1 , 2,  3, 4]

    for(let key of a.keys()){
        alert(key)
    }

    for(let value of a.values()){
        alert(value);
    }
    for(let [key,value] of a.entries()){
       alert(`${key}=${value}`)
    } 
</script>

大家拿到上边代码后可以直接运行试验。而json还未支持，现在的浏览器支持一部分的es7，所以以上代码可以被运行。如果有没运行出来的，更新一下浏览器~

2.求幂

之前的js求幂是有方法的,比如求3的八次幂

Math.pow(3,8)

在ES7中有了新的写法

  let a = 3**8

好你没有看错就是两个猩猩就可以求幂了这个如果了解一点python就会发现。这个和python的写法是一样的

3. 字符串

padStart/padEnd 就是补位，没错就是补位，运行下列代码在控制台可以看见结果。很简单

<!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>
</head>

<body>

</body>

</html>
<script>

  console.log('('+'5555'.padStart(10,'0')+')')
</script>

4. async await

这个是比较重要的，使得异步操作变得更加方便。

<!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>
</head>

<body>

</body>

</html>
<script>
   async function show(){
    let a  = await $ajax({url:'data.txt',dataType:'json'});
    console.log(a)
   }
</script>

来源：CSDN

作者：澋桥丶洺桥

链接：https://blog.csdn.net/LMQ_949244171/article/details/103454586

标签

ES7方法提前简单介绍

ES7方法介绍

1.数组

2.求幂

3. 字符串

4. async await