javascript创建函数的20种方式汇总

首先，我们需要明确“JavaScript创建函数的20种方式”是指通过不同的方法来创建JavaScript函数。下面将介绍其中的20种方式。

1.使用函数声明方式

函数声明方式就是使用function关键字来声明和定义函数。例如：

function myFunction() {
  //函数体
}

2.使用函数表达式方式

函数表达式方式是使用函数字面量来创建函数，其形式类似于变量赋值。例如：

var myFunction = function() {
  //函数体
};

3.使用构造函数方式

构造函数方式使用Function()构造函数来创建函数对象。例如：

var myFunction = new Function('a', 'b', 'return a + b');

4.使用箭头函数方式

箭头函数是ES6中新引入的一种函数声明方式。它使用箭头符号=>表示函数体。例如：

var myFunction = (a, b) => {
  return a + b;
};

5.使用对象方法方式

对象方法就是将函数赋值给对象的属性，从而创建一个对象方法。例如：

var person = {
  name: 'John',
  sayHello: function() {
    console.log('Hello, my name is', this.name);
  }
};

6.使用ES6中的class语法

ES6中的class语法可以用于创建对象，并且可以在类中定义方法。例如：

class Person {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    console.log('Hello, my name is', this.name);
  }
}

7.使用IIFE（立即执行函数表达式）

IIFE是指立即执行函数表达式，这种方式创建的函数可以立即执行。例如：

(function() {
  //函数体
})();

8.使用Generator函数方式

Generator函数是ES6中新引入的一种函数类型，用于生成迭代器。例如：

function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

9.使用Async函数方式

Async函数是ES7中新引入的一种异步函数类型，用于简化异步操作。例如：

async function myAsyncFunction() {
  return await fetchData(); //异步获取数据
}

10.使用bind方法

bind方法用于创建一个新的函数，并且将其中的this指向绑定到指定的对象。例如：

var myFunction = function() {
  console.log('Hello, my name is', this.name);
};
var person = {
  name: 'John'
};
var boundFunction = myFunction.bind(person);
boundFunction(); //输出：Hello, my name is John

11.使用call方法

call方法用于调用一个函数，并且将其中的this指向绑定到指定的对象。它还有一个特点就是可以传入参数。例如：

var myFunction = function(a, b) {
  console.log('a is', a, 'b is', b, 'this.name is', this.name);
};
var person = {
  name: 'John'
};
myFunction.call(person, 10, 20); //输出：a is 10 b is 20 this.name is John

12.使用apply方法

apply方法类似于call方法，也是用于调用一个函数，并且将其中的this指向绑定到指定的对象。不同之处在于，apply方法需要以数组的形式传入参数。例如：

var myFunction = function(a, b) {
  console.log('a is', a, 'b is', b, 'this.name is', this.name);
};
var person = {
  name: 'John'
};
myFunction.apply(person, [10, 20]); //输出：a is 10 b is 20 this.name is John

13.使用bind方法模拟柯里化

柯里化是函数式编程中的一种技术，用于将多参数函数转化成一系列单参数函数。例如：

function add(a, b) {
  return a + b;
}
var addFive = add.bind(null, 5); //柯里化
console.log(addFive(10)); //输出：15

14.使用apply方法模拟柯里化

apply方法也可以用于模拟柯里化。例如：

function add(a, b, c) {
  return a + b + c;
}
function partial(fn, ...args) {
  return function(...newArgs) {
    return fn.apply(null, args.concat(newArgs));
  };
}
var addFive = partial(add, 5);
console.log(addFive(10, 20)); //输出：35

15.使用闭包

闭包是指一个函数可以访问另一个函数作用域内的变量。例如：

function makeAdder(a) {
  return function(b) {
    return a + b;
  };
}
var addFive = makeAdder(5);
console.log(addFive(10)); //输出：15

16.使用Function.prototype.bind方式模拟柯里化

Function.prototype.bind方法也可以用于模拟柯里化。例如：

function add(a, b, c) {
  return a + b + c;
}
var addFive = add.bind(null, 5);
console.log(addFive(10, 20)); //输出：35

17.使用Object.create方式

Object.create方法可以用于创建一个新对象，并且可以定义新对象的原型和属性。例如：

var obj = Object.create(null, {
  foo: {
    value: 'hello'
  }
});
console.log(obj.foo); //输出：hello

18.使用Function.prototype.constructor方式

Function.prototype.constructor方法可以用于创建一个新函数。例如：

var MyFunction = Function.prototype.constructor('a', 'b', 'return a + b');
var result = new MyFunction(10, 20);
console.log(result); //输出：30

19.使用new Function方式

new Function方法和使用Function构造函数方式是相似的，都可以用于创建新函数。例如：

var MyFunction = new Function('a', 'b', 'return a + b');
var result = MyFunction(10, 20);
console.log(result); //输出：30

20.使用eval函数方式

eval函数是JavaScript中的一个函数，可以用于将字符串作为JavaScript代码执行。例如：

var code = '(function(a, b) { return a + b; })';
var MyFunction = eval(code);
var result = MyFunction(10, 20);
console.log(result); //输出：30

以上就是“JavaScript创建函数的20种方式”的完整攻略，希望能对你有所帮助。