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的指向

  • 相关阅读:
    财报就像一本故事书270页完整版本.pdf
    洛克菲勒留给儿子的38封信打包下载
    pip-20.2.3.tar.gz安装包下载
    python-3.8.6rc1-amd64.exe安装包下载
    apache-maven-3.6.3-bin.tar.gz 安装包下载
    中文拼音排序 element-ui的table web端实现
    vue中用axios下载后端的文档流(excel)
    git历史重写
    AMQP
    TODO
  • 原文地址:https://www.cnblogs.com/jswzy/p/10117712.html
Copyright © 2011-2022 走看看