zoukankan      html  css  js  c++  java
  • 常用的ES6方法

    常用的ES6方法

    ES6之后,新增了定义变量的两个关键字,分别是let和const。

    let和const都能够声明块级作用域,用法和var是类似的,let的特点是不会变量提升,而是被锁在当前块中。

    实例-1:

    唯一正确的使用方法:先声明-->再访问

    const 声明常量,一旦声明,不可更改,而且常量必须初始化赋值。 const虽然是常量,不允许修改默认赋值,但如果定义的是对象Object,那么可以修改对象内部的属性:

    const和let的异同点 相同点:

    • const和let都是在当前块内有效,执行到块外会被销毁,也不存在变量提升(TDZ),不能重复声明。 

    不同点:

    • const不能再赋值,let声明的变量可以重复赋值。 const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了

    块级作用域的使用场景

    •  除了上面提到的常用声明方式,我们还可以在循环中使用,最出名的一道面试题:循环中定时器闭包的考题 在for循环中使用var声明的循环变量,会跳出循环体污染当前的函数。

     

    在实际开发中,我们选择使用var、let还是const,取决于我们的变量是不是需要更新,通常我们希望变量保证不被恶意修改,而使用大量的const。使用const声明,声明一个对象的时候,也推荐使用const,当你需要修改声明的变量值时,使用let,var能用的场景都可以使用let替代。

    二:函数

    函数的默认参数 在ES5中,我们给函数传参数,然后在函数体内设置默认值,

    在ES6中,我们使用新的默认值写法:

    三、箭头函数(=>)

     

    箭头函数中this的使用跟普通函数也不一样,在JavaScript的普通函数中,都会有一个自己的this值,主要分为: 

    普通函数:

    •  1、函数作为全局函数被调用时,this指向全局对象
    • 2、函数作为对象中的方法被调用时,this指向该对象
    • 3、函数作为构造函数的时候,this指向构造函数new出来的新对象
    • 4、还可以通过call,apply,bind改变this的指向

     箭头函数:

    • 1、箭头函数没有this,函数内部的this来自于父级最近的非箭头函数,并且不能改变this的指向。
    • 2、箭头函数没有super
    • 3、箭头函数没有arguments
    • 4、箭头函数没有new.target绑定。
    • 5、不能使用new
    • 6、没有原型
    • 7、不支持重复的命名参数

    箭头函数的简单理解

    1、箭头函数的左边表示输入的参数,右边表示输出的结果。

    const s = a => a
    
    console.log(s(2)) // 2
    

      

     

    2、在箭头函数中,this属于词法作用域,直接由上下文确定,对于普通函数中指向不定的this,箭头函数中处理this无疑更加简单,如下:

    //ES5普通函数
    
    function Man(){
    
     this.age=22;
    
     return function(){
    
       this.age+1;
    
     }
    
    
    }
    
    var cala=new Man();
    
    
    console.log(cala())//undefined  
    //ES6箭头函数
    
    function Man(){
    
     this.age=22;
    
     return () => this.age+1;
    
    }
    var cala=new Man();
    
    
    console.log(cala())//23

    ES6对象新增方法




    合并具有相同属性的对象
     
     

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    C语言随笔_printf输出多行
    C语言随笔_return答疑
    《疯狂Java讲义》(二十八)---- 异常
    《疯狂Java讲义》(二十七)----泛型
    《疯狂Java讲义》(二十七)---- Collections
    《疯狂Java讲义》(二十六)---- Map
    《疯狂Java讲义》(二十五)---- List 集合
    《疯狂Java讲义》(二十四)---- Set集合
    Problem(2)----How to set eclipse console locale/language
    Problem(1)----Eclipse hangs on copy/cut for JavaScript files
  • 原文地址:https://www.cnblogs.com/mahmud/p/10165541.html
Copyright © 2011-2022 走看看