美文网首页
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与es6常用语法教程(4)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • es5与es6常用语法教程(2)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • es5与es6常用语法教程(3)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • es5与es6常用语法教程(5)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • es5与es6常用语法教程(6)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • es5与es6常用语法教程(7)

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语...

  • React中ES6和ES5的不同之处

    组件类的定义 es5 es6 状态初始化 es5 }) es6 属性初始化 es5 es6 组件抛出 es5 es...

  • ReactNative之ES6与ES5区别

    解构复制 ES5 ES6 导入模块 ES5 ES6 导出模块 ES5 ES6 ES 6语法采用export来代替m...

  • ES6 写法示例

    匿名函数调用 ES5 ES6 箭头函数 将数组的内容 * 2 ES5 ES6 默认参数 ES5 ES6 不定参数 ...

  • 拓展2(ES6)

    一、ES5与ES6对比 var let const 1、ES5 声明局部变量必须使用一个立即执行函数,而ES6 使...

网友评论

      本文标题:ES5与ES 6

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