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)

以上是箭头函数的写法

posted @ 2021-07-07 16:40  kaer_invoker  阅读(76)  评论(0)    收藏  举报