ES5与ES 6

2019-09-25  本文已影响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);}

上一篇 下一篇

猜你喜欢

热点阅读