es6函数写法

1、普通函数的定义，用箭头函数表示，DemoFunction是函数名，括号表示参数，大括号表示函数体的内容。

let DemoFunc = (param) => {

console.log(param)

}

2、map函数在es6中的写法，同样也是箭头函数，e表示map出来的元素，key表示当前id

Array.map((e, key) => {

console.log(e, key)

})

3、类内函数的写法.

class FuncClass {

myFunction(param) {

console.log(param)

}

4、thunk函数的写法，thunk代表一个中间函数，比如下面的例子，通常我们给函数传的参数是个value，但是thunk中，函数作为一个参数传给另外一个函数当参数。

普通的写法：

let DemoFunc = (value) => {

return value

}

DemoFunc(value) //调用

thunk的写法：

let valueFunc = () => {

console.log(value)

}

let DemoFunc = (valueFunc) => {

return valueFunc()

}

时间： 2024-10-24 11:54:43

es6函数写法的相关文章

ES6函数扩展

前面的话函数是所有编程语言的重要组成部分,在ES6出现前,JS的函数语法一直没有太大的变化,从而遗留了很多问题和的做法,导致实现一些基本的功能经常要编写很多代码.ES6大力度地更新了函数特性,在ES5的基础上进行了许多改进,使用JS编程可以更少出错,同时也更加灵活.本文将详细介绍ES6函数扩展形参默认值 Javascript函数有一个特别的地方,无论在函数定义中声明了多少形参,都可以传入任意数量的参数,也可以在定义函数时添加针对参数数量的处理逻辑,当已定义的形参无对应的传入参数时为其指定一个

ES6函数的拓展

1.函数参数的默认值 ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法. function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 上面代码检查函数log的参数y有没有赋值,如果没有,则指定默认值为World.这种写法的缺点在于

ES6函数参数解构

ES6函数参数解构常规的JavaScript若要给函数传递的参数是一个对象,需要像下面这样来实现: function sayName(person) { if(Object.prototype.toString.call(person) == '[object Object]') { console.log( `${person.firstName} ${person.lastName}`); } } sayName({firstName: 'Stephen', lastName: 'Curr

C/C++ 调用qsort/sort 对字符数组排序的cmp函数写法

这个问题屡次碰到解决之后再次遇到又忘记怎么弄了,这次打算彻底搞清楚. ·C 首先对所谓字符数组的排序应该是对(char)*a[]数组而非(char)a[][]进行的排序,后者是无法直接调用qsort实现其排序的. cmp函数写法: 1 int cmp(const void *a, const void *b){ 2 return strcmp(*((char**)a), *((char**)b)); 3 } 很容易想象字符串在初始化时已经被分配了特定的存储空间,我们用其首地址标识该字符串. 对于

IIFE-js中(function(){…})()立即执行函数写法理解

介绍IIFE IIFE的性能使用IIFE的好处 IIFE最佳实践 jQuery优化在Bootstrap源码(具体请看<Bootstrap源码解析>)和其他jQuery插件经常看到如下的写法: Js代码 +function ($) { }(window.jQuery); 这种写法称为: IIFE (Imdiately Invoked Function Expression 立即执行的函数表达式). 一步步来分析这段代码. 先弄清函数表达式(function expression)和函数

返回数组引用的4种函数写法

#include <iostream> #include <string> using namespace std; //传入的参数是数组的引用,返回值也是数组的引用 string (&fun(string (&s)[10]))[10] { return s; } //using str_arr = string (&)[10];/*typedef string str_arr[10];str_arr &fun1(str_arr &s){ r

jquery函数写法

普通jquery函数写法 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function(){ var myfunc = { aaa: 0, init:function(aaa) { this.aaa=aaa; }, log:function(msg) { if( (EpBr

ES6 函数参数的默认值

基本用法在ES6之前,不能直接为函数的参数指定默认值,只能采取变通的方法. function log(x,y){ y = y||'world'; console.log(x,y); } log('kkk');//kkk world 这种写法的缺点在于: 如果参数y赋值了,但是对应的布尔值为false,则该赋值不起作用.如果在调用函数的时候,传入的y参数是一个空字符串,那么y就会被修改为默认值. 避免这个问题,需要先判断一下:1.通过判断值是否等于undefined,2.判断arguments.

es6技巧写法

为class绑定多个值普通写法 :class="{a: true, b: true}" 其他 :class="['btn', 'btn2', {a: true, b: false}]" 一个值判断a或者判断b 普通写法 if(flg === a || flg === b) 其他 ['a','b'].indexOf(flg) > -1 引用一个组件普通写法 import a from './a.vue' componets: { a } node写法 com