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)
    }
}
时间: 2024-08-25 05:18:00

javascript => 方法的简写形式的相关文章

jQuery基础学习5——JavaScript方法获取页面中的元素

给网页中的所有<p>元素添加onclick事件 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head>

在 Flash ActionScript 2.0 中调用 Javascript 方法

本篇文章由:http://xinpure.com/call-the-javascript-method-in-flash-actionscript-2-0/ 在 Flash ActionScript 2.0 中调用 Javascript 方法 最近在工作中,有个这样的需求: 要从 Flash ActionScript 2.0 中调用网页上的 Javascript 方法 这是一个关于 Flash 和 Javascript 交互的问题. 在 ActionScript 2.0 中调用外部 javasc

JavaScript方法

JavaScript方法归纳: 一.    Array(): 1. shift():删除第一个元素,返回删除的值. 示例: <script> function b(a){ document.write(a + "<br/>"); } var a = [8,2,3,4,5]; var shift = a.shift(); b(shift); b(a.length); } </script> 2.pop():删除最后一个元素,返回删除的值.       

JavaScript方法splice()和slice()

1 splice() 1.1 说明 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目.该方法会改变原始数组.Link 1.2 语法 arrayObject.splice(index,howmany,item1,.....,itemX) 参数 index: 必需.整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置. howmany: 必需.要删除的项目数量.如果设置为 0,则不会删除项目. item1, ..., itemX: 可选.向数组添加的新项目. 返回值

节点插入--对比jQuery和JavaScript方法(一)

二.插入元素: 1 <div> 2 <p>面朝大海,春暖花开</p> 3 </div> (一).jQuery方法 1.在节点内部插入: 方法 说明 append() 向每个匹配的元素内部追加内容 appendTo() 把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法.如$(A).append(B)与$(B).appendto(A)是等价的 prepend() 向每个匹配的元素内部前置内容 prependTo() 把所有匹配的元素

一些比较实用的javascript方法收集,留着有用

动态加载javascript文件 <script type="text/javascript"> //<!-- /*动态加载方法*/ function loadScript(url, callback){ var script = document.createElement("script"); script.type = "text/javascript"; if(script.readyState){ //IE scrip

JavaScript方法归纳及用法

JavaScript方法归纳: 一.    Array(): 1. shift():删除第一个元素,返回删除的值. 示例: <script> function b(a){ document.write(a + "<br/>"); } var a = [8,2,3,4,5]; var shift = a.shift(); b(shift); b(a.length); } </script> 2.pop():删除最后一个元素,返回删除的值.       

Android中通过WebView控件实现与JavaScript方法相互调用的地图应用

在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用android方法,在这里我个人觉得有点和DWR相似. 为了让大家容易理解,我写了一个简单的Demo,具体步骤如下: 第一步:新建一个Android工程,命名为WebViewDemo(这里我在assets里定义了一个html页面). 第二步:修改main.xml布局文件,增加了一个WebView控件还有But

方格拼图游戏2(javascript以类的形式实现)+增加批量移动

今天又在原来的基础上,增加了新的功能:当空白方格A 与 鼠标点击的方格 B在同一行,或者同一列,而且当他们不是紧挨着的情况,自动将B到A间的方格们,顺次移动填补空白方格. var game ={ wid_num:3, cotainerid:"game_cotainer", init:function(_num){ console.log('init'); game.wid_num = _num || 3; console.log( game.wid_num ); var max_num