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

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    Intent跳转到系统应用中的拨号界面、联系人界面、短信界面及其他
    android intent 跳转
    Android Intent 使用整理
    Android实现界面跳转
    android获取手机信息大全
    Android中实现Gallery 点击放大
    Android之TextView 详细字典
    Android发展简介
    如何成为Android高手
    系统测试阶段:
  • 原文地址:https://www.cnblogs.com/qhantime/p/11323736.html
Copyright © 2011-2022 走看看