Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据
生活随笔
收集整理的這篇文章主要介紹了
Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
對于多個(gè)參數(shù):省略函數(shù)體的方法
復(fù)雜寫法?
(參數(shù)1, 參數(shù)2, …, 參數(shù)N) => { 函數(shù)聲明 }var f = (num1, num2) => { return num1*num2 };console.log(f(3, 4)); // 12簡約寫法
(參數(shù)1, 參數(shù)2, …, 參數(shù)N) => 表達(dá)式(單一)var f = (num1, num2) => num1*num2;console.log(f(3, 4)); // 12?對于單個(gè)參數(shù):省略圓括號的方法
當(dāng)只有一個(gè)參數(shù)時(shí),圓括號是可省略的:(單一參數(shù)) => {函數(shù)聲明} 單一參數(shù) => {函數(shù)聲明}var f = num => num*num; console.log(f(3)); // 9沒有參數(shù)的函數(shù)應(yīng)該寫成一對圓括號
() => {函數(shù)聲明}var f = () => 'hello world'; console.log(f()); // hello world引入箭頭函數(shù)有兩個(gè)方面的作用:簡化函數(shù)和不需要綁定?this
var materials = ['Hydrogen','Helium','Lithium','Beryllium'];var f = materials.map(function(material) { return material.length; }); console.log(f) // [8, 6, 7, 9]使用箭頭函數(shù)簡化: var f = materials.map(material => {return material.length; });console.log(f) // [8, 6, 7, 9]進(jìn)一步簡化: var f = materials.map(material => material.length); console.log(f) // [8, 6, 7, 9]?
總結(jié)
以上是生活随笔為你收集整理的Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 股票k线怎么看
- 下一篇: 茅台发出降价令 白酒之王也要下调售价了