Vuejs学习笔记(三)-11.箭头函数
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>01-箭头函数</title> 6 </head> 7 <body> 8 <script> 9 // 1.定义函数的方式1 10 11 12 const a = function(){ 13 14 } 15 // 2.定义函数的方式2,对象字面量中定义 16 17 const obj = { 18 b:function(){ 19 20 }, 21 c(){ 22 23 } 24 } 25 26 // 3.1 es6的箭头函数 27 // const c = (参数列表)=>{ 28 // 29 // } 30 const c=()=>{ 31 32 } 33 34 // 3.2 有多个参数的箭头函数 35 36 const sum = (num1,num2) =>{ 37 return num1+num2 38 } 39 40 // 3.3 只有一个参数是小括号可以省略 41 const d = h=>{ 42 return h*h 43 } 44 45 // 3.4 函数内部有多行代码,正常写 46 47 const e = ()=>{ 48 console.log('hello world'); 49 console.log('hello vue'); 50 } 51 52 // 3.5 函数返回值只有一行代码时,可以省略 53 54 const f = h=> h*h 55 56 // 3.6箭头函数this的使用 57 // 箭头函数使用用途最多的场景:当将一个函数作为参数传入另一个函数内是用箭头函数比较多。 58 // 如: render: h=>h(app)
以上是箭头函数的写法
本文来自博客园,作者:kaer_invoker,转载请注明原文链接:https://www.cnblogs.com/invoker2021/p/14982199.html