欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

ES7方法提前简单介绍

程序员文章站 2023-12-22 08:31:58
...

ES7方法介绍

让我们一起来看看ES7有什么新的东西吧。

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>

上一篇：

下一篇：

推荐阅读