zoukankan      html  css  js  c++  java
  • this指向和=>函数

    ES6中新增了箭头函数

    下面是在javaScript ES6和之前声明函数的对比,在返回的东西只需要一行或者说比较少的时候用箭头函数更为优雅;

    在之前中我们声明函数如下

    var fn = function(a,b){
    return a + b;
    };
    fn(1,2);//3
    ES6声明函数如下

    //其中a和b分别为传参,a + b 可以理解成return a+b;
    var fn = (a,b) => a + b;
    fn(1,2);//3
    //如果不需要传参的话
    var fn = () => 3;
    谈到this指向的时候箭头函数的this指向和普通函数不一样的,

    =>this指向的是定义时this指向的对象,不会改变。 this指向调用函数的对象

    function()声明函数时的this指向会指向使用时所在的对象。 => 指向父级对象及以上的对象直到指向windown,他不指向同级对象

    function timer(){
    this.age = 18;
    var _this = this;
    setTimeout(function(){
    console.log(this);//指向了全局window
    console.log(this.age);//undefined
    console.log(_this.age);//18
    },1000);

    setTimeout(()=>console.log(this.age),1500);//18
    };

    var timer2 = new timer();

    window.age = "nonono";
     
    原文链接:https://blog.csdn.net/qq_41463701/article/details/82749479

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    java Double数据类型比较大小
    java基础02-标识符和关键字
    java基础01-注释
    java程序运行机制
    面试准备之java异常体系
    双亲委派模型
    java类加载器有哪些?
    什么是字节码?采用字节码的好处是什么?
    如何实现一个ioc容器
    ConcurrentHashMap原理,jdk7和jdk8的区别
  • 原文地址:https://www.cnblogs.com/qhantime/p/11323736.html
Copyright © 2011-2022 走看看