VUE之ECMAScript6（es6）

最新推荐文章于 2023-07-19 20:00:00 发布

转载最新推荐文章于 2023-07-19 20:00:00 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yifugui/p/8361458.html

文章标签：

#javascript #ViewUI

本文详细介绍了ECMAScript 6 (ES2015) 的新特性，包括常量和变量声明方式、模板字符串的使用、解构赋值、对象和函数的扩展用法以及数组操作的新方法。

es6:
es:EMCAScript 6 （es2015）
Emca:国际标准组织

1、常量和变量
    const a = "hello"
    let:定义一个块级作用域的变量
    需要先定义再使用；(不存在变量提升)
    不能重复定义

    js的数据类型：
    string array number null undefined boolean object
    基本数据类型：string number null undefined boolean
    引用类型：array object

2、模板字符串
    通过反引号来使用，字符串当中可以使用变量
    可以当作普通字符串来处理
    可以使用多行字符串

3、解构变量
    数组解构赋值：把数据元素的值依次地赋给变量。

4、对象的扩展
    对象当中的属性可以简写
    对象当中的方法也可以简写

5、函数的扩展
    可以给函数默认参数
    剩余参数：function fun(a,...b ){
    }
    fun(11,22,33)
    则：b = [22,33]

6、数组的扩展
1)判断数组当中是否存在某个数值
     console.log(arr.indexOf(1000))
        console.log(arr.includes(201))
2）对数组的遍历

arr.forEach(function (value,index) {
            console.log(value);
        })

        var arr2 = arr.map(function (value,index) {
            return value+1
        })
3)对数组的过滤
 var arr4 = arr.filter(function (value,index) {
            return value > 50
        })
        console.log(arr4);