星空软件

 找回密码
 立即注册

js创建函数的几种方式???有那些

新库软件 | 2023-11-25 13:04:19 | 显示全部楼层 |阅读模式
回复

使用道具 举报

cymy | 2023-11-25 13:04:20 | 显示全部楼层
最传统的
  1. function greet() {
  2.   console.log('Hello, world!');
  3. }
复制代码
回复

使用道具 举报

过去沫黑 | 2023-11-25 13:05:06 | 显示全部楼层
函数表达式的方式:
  1. const greet = function() {
  2.   console.log('Hello, world!');
  3. };
复制代码
回复

使用道具 举报

2096076635 | 2023-11-25 13:05:28 | 显示全部楼层
ES6引入了箭头函数
  1. const greet = () => {
  2.   console.log('Hello, world!');
  3. };
复制代码
回复

使用道具 举报

rhichephilk | 2023-11-25 13:05:48 | 显示全部楼层
立即执行函数表达式(IIFE)来封装局部作用域,像这样
  1. (function() {
  2.   console.log('Hello, world!');
  3. })();
复制代码
回复

使用道具 举报

omiwype | 2023-11-25 13:06:09 | 显示全部楼层
在某个模板创建多个对象时,我会使用构造函数
  1. function Person(name) {
  2.   this.name = name;
  3. }

  4. const person1 = new Person('Alice');
复制代码
回复

使用道具 举报

yxycivo | 2023-11-25 13:06:26 | 显示全部楼层
Generator函数是ES6的一个新特性,允许函数生成多个值,这个也挺方便的:
  1. function* idGenerator() {
  2.   let id = 0;
  3.   while (true) {
  4.     yield id++;
  5.   }
  6. }
复制代码
回复

使用道具 举报

阿G8哎 | 2023-11-25 13:06:39 | 显示全部楼层
用async函数
  1. async function fetchData() {
  2.   let data = await someAsyncOperation();
  3.   return data;
  4. }
复制代码
回复

使用道具 举报

MaressaKVM | 2023-11-25 13:07:06 | 显示全部楼层
高阶函数方式:
  1. function higherOrderFunction(callback) {
  2.   callback();
  3. }
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

全站声明【必看】|小黑屋|新库软件 |网站地图

GMT+8, 2024-4-28 19:29 , Processed in 0.063296 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.