美文网首页
ES5与ES 6

ES5与ES 6

作者: 前端小码农呀 | 来源:发表于2019-09-25 22:41 被阅读0次

    ES5

    1. 严格模式:使用时在JS代码开始位置加    "use strict"

            好处:代码规范,效率提高

    2. 数组新增的方法:

      1.1  indexOf:查找元素在数组中第一次出现的位置,返回下标,找不到返回-1.

        1.2 forEach:遍历数组

        1.3 map:遍历所有元素,将所有元素给一个函数处理,处理后的新元素组成一个新数组返回

        1.4 reduce:归并----

        1.5 filter:过滤----将数组中所有满足条件的元素组成一个新数组返回

        1.6 some方法先遍历数组,如果至少有一个元素满足条件,则返回true,否则返回false。

                例子:var arr = [2,4,6,10,15,21];

                            var f = arr.some(function(element,index,array){

                                if(element > 20){

                                return true;

                                }else{

                                return false;

                                    }

                                    });

            1.7  every方法先遍历数组,判断所有元素是否满足条件,返回布尔值

                        例子:var arr = [2,4,6,10,15,21];

                                    var f = arr.some(function(element, index, array){

                                    return element > 10;

                                    });

                1.8      findIndex方法返回数组中满足条件的第一个值的下标,找不到元素则返回-1

                            例子:var arr = [2,4,6,10,15,21];

                                        var f = arr.findIndex(function(element, index, array){

                                            return element > 10;

                                            });

                  1.9   find 查找数组中第一个满足条件的 值

                              例子:   var arr = [1,2,3,4];

                                              var res = arr.find(function(item){

                                             return item>1;    

    ES6

    1. 定义变量: 以前定义变量一直使用var关键字,es6中可以使用另外两个关键字let和const。

          1.1 let是声明变量的关键字,特点

                      不允许重复声明

                      不存在预解析

                       在大括号中声明的变量只能在大括号中使用,如if、for的大括号中声明的变量

           1.2  const是声明常量的,特点

                        不允许重复声明

                        不允许重新赋值(可以给对象中新增属性)

                        声明的时候必须赋值

                        不存在预解析

                        在大括号中声明的变量只能在大括号中使用,如if、for的大括号中声明的变量

         2.  如何使用:定义好就不会修改的变量用const,会改变的使用let

    箭头函数

                       es6中的箭头函数是用来简写函数的

                 1.   ES6之前 : 

                             let fn = function(){

                            console.log(111);

                             }

                     简写:let fn = ()=>{console.log(111);}

                     2.   带参数的写法:

                        letfn=function(a,b){

                        console.log(a+b);

                        }    

    ·                使用箭头函数改写:

                            let fn = (a,b)=>{console.log(a+b);}

    相关文章

      网友评论

          本文标题:ES5与ES 6

          本文链接:https://www.haomeiwen.com/subject/cokxectx.html