zoukankan      html  css  js  c++  java
  • ES6中的箭头函数和普通函数有什么区别?

    1、普通函数中的this总是指向调用它的那个对象,

       箭头函数没有自己的this,他的this永远指向其定义环境,任何方法都改变不了其指向,如call()、bind()、apply()。(正是因为它没有this,所以也就不能用作构造函数,也没有原型对象)

    2、箭头函数不能当作构造函数,也就是说,不能使用new命令,否则会报错。

    3、箭头函数不能使用yield命令,因此箭头函数不能用作genertor函数。

    4、箭头函数没有原型属性。

    5、箭头函数不能使用argumen对象,该对象在函数体内不存在。如果要用,可以用rest参数代替。

    6、变量提升:由于js的内存机制,function的级别最高,而用箭头函数定义函数的时候,需要var(let、const)关键字,而var所定义的变量不能得到变量提升。故箭头函数一定要定义于调用之前。

    this的指向问题?

    1、普通函数中,this指向其函数的直接调用者;

    2、箭头函数中,this指向其定义环境,任何方法都改变不了其指向,如call()、bind()等;

    3、构造函数中,如果不使用new,则this指向window,如果使用new创建了一个实例,则this指向该实例。

    //不使用new指向window

    function Person(name){

        console.log(this)//  window

        this.name = name;

    }

    Person('inwe')

    // 使用new

    function  Person (name) {

        this.name = name

        console.log(this) // people

        self = this

    }

        var people = new Peron('iwen')

        console.log(self === people) //true

    //这里new改变了this指向,将this由window指向Peoson的实例对象people

    4、window内置函数中,如setInterval,setTimeout等,其内部的this指向Window。

    5、匿名函数的this指向Window。

    6、apply()、call()、bind()可以改变this的指向

  • 相关阅读:
    LA3523 二分图和点双连通分量的综合性质及证明
    LA4127计算几何+离散化+点覆盖
    LA 4728凸包算法-旋转卡壳的直径
    UVA 11168凸包+距离公式
    UVA 10652凸包+面的旋转
    UVA10969计算几何+交叉圆形成的圆弧长
    LA3485二分+求解积分方程+辛普森算法计算积分
    LA5009三分法
    UVA10341幂函数零点的通解分析
    UVA11524构造系数数组+高斯消元解异或方程组
  • 原文地址:https://www.cnblogs.com/jswzy/p/10117712.html
Copyright © 2011-2022 走看看