huanggr
Es6函数的默认值和箭头函数
Es6是Es5的升级版，摒弃了Es5大量的不友好的书写方式，简洁的语法和新增的功能函数极大提高了效率，接下来的例子将会说明与Es5的不同之处
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html> <script type="text/javascript"> //语法 () => {} var f = () => { console.log(123); } //调用 f(); //默认是2 var add = () => 2; console.log(add()); //传参 var add = a => a + 2; console.log(add(10)); //传参 var add = (a, b) => a + b; console.log(add(10, 5)); var add = (a, b) => ({ num: a + b }); console.log(add(10, 5)); /* 注意： 箭头函数 传入的参数只有一个，就不用括号，一个以上，就需要添加小括号 当函数体是{num:a+b}的时候，执行就会为undefine，{}就是外面的大括号，所以不是对象，若要使用对象的方式返回，就需要在外面添加上大括号 箭头函数中this是在定义中决定的，es5中是在调用时决定的 箭头函数中this绑定的是所定义的作用域中的this 不能当做构造函数 不可以使用arguments对象 函数 在使用函数的过程中，直接赋值，使用(||)进行判断是0的时候会出问题 函数体内，不能用let或const再次声明，否则会报错 rest 参数 (形式为…变量名),用于获取函数的多余参数，放在数组中可取代arguments */ /*function fn(...arr){ //rest参数，把参数放在数组中 console.log(arr); } fn(1,2,3);*/ function fn(a, ...arr) { //a为1，arr就是2,3 console.log(arr); console.log(a); } fn(1, 2, 3); /* 对象的扩展 */ let num = 10; var o = { //对象简写 num:10 num, //函数简写 fn2:function(){} fn2() { } } console.log(num); </script> |
7