zoukankan      html  css  js  c++  java
  • javascript => 方法的简写形式

    https://segmentfault.com/a/1190000002904199

    => 是function的简写形式,支持expression 和 statement 两种形式。同时一点很重要的是它拥有词法作用域的this值,帮你很好的解决this的指向问题,这是一个很酷的方式,可以帮你减少一些代码的编写,先来看看它的语法。

    ([param] [, param]) => {
       statements
    }
    
    param => expression
    

    然后再来看看例子,以及babel 编译后的结果。

    ES6:

    babel编译后结果:

    vue中也有这样的使用:

    https://segmentfault.com/q/1010000007826464/a-1020000007826570

    render函数是渲染一个视图,然后提供给el挂载,如果你没有加那么就等于没有视图给el挂载,自然什么都没有了。
    另外

    {
        render: h => h(App)
    }

    等价于

    {
        render: h => {
            return h(App)
        }
    }

    其实只是简写的方式。如果不涉及使用this的话下面这个也是等价的

     
    {
        render: function (h) {
            return h(App)
        }
    }

  • 相关阅读:
    Linux分区
    Vim 基本配置
    Ubuntu几种常见乱码解决方法
    ADB
    ubuntu下安装配置ADB
    Tinyos学习笔记(三)
    Tinyos学习笔记(二)
    Codeforces Round #249 (Div. 2) A题
    poj 2007 Scrambled Polygon(极角排序)
    MemSQL Start[c]UP 2.0
  • 原文地址:https://www.cnblogs.com/guazi/p/6746068.html
Copyright © 2011-2022 走看看