javascript函数以及基础写法100多条实用整理

JavaScript函数是一段可以被反复调用执行的代码，这种代码的主要作用是完成一个独立的功能。JavaScript函数具有很高的可重用性和灵活性，常被用来封装一些特定的处理逻辑以便于在需要的时候调用。接下来将为大家介绍JavaScript函数的基础写法，包括参数、返回值、作用域、闭包等内容。

Function基础写法

无参函数

无参函数即不接受任何参数的函数，使用时直接调用函数名即可。

function sayHello() {
  console.log('Hello World!');
}

sayHello(); // 输出：Hello World!

有参函数

有参函数即接受一个或多个参数的函数，参数可以是任意数据类型。在函数内部，可以通过参数名访问对应参数的值。

function getSum(a, b) {
  return a + b;
}

console.log(getSum(1, 2)); // 输出：3

返回值

函数可以返回任意值，包括基本数据类型、对象、数组等。使用return关键字返回结果，如果不返回任何值，函数将返回undefined。

function person(name, age, gender) {
  return {
    name: name,
    age: age,
    gender: gender
  };
}

var p = person('Alice', 18, 'female');
console.log(p); // 输出：{ name: 'Alice', age: 18, gender: 'female' }

匿名函数

匿名函数是指没有函数名的函数，可以将匿名函数赋值给变量或作为参数传递给其他函数。

var add = function(a, b) {
  return a + b;
}

console.log(add(1, 2)); // 输出：3

自执行函数

自执行函数是指函数声明后立即执行的函数，常用于一些特定的场景之下。

(function() {
  console.log('I am self-invoking function.');
})()
// 输出：I am self-invoking function.

闭包

闭包是指可以访问外层函数的变量和参数的函数，常用于模仿类的私有变量和方法。

function Counter() {
  var count = 0;
  return function() {
    count++;
    console.log(count);
  }
}

var inc = Counter();
inc(); // 输出：1
inc(); // 输出：2

箭头函数

箭头函数是ECMAScript6新增的语法，更加简洁并且没有自己的this和arguments，需要从外部获取。

var add = (a, b) => a + b;

console.log(add(1, 2)); // 输出：3

以上就是JavaScript函数的基础写法，包括无参函数、有参函数、返回值、匿名函数、自执行函数、闭包和箭头函数。在实际的开发工作中，JavaScript函数在逻辑处理和代码封装上扮演重要的角色，良好的编写习惯能够提高代码可读性和可维护性。

示例一：统计数组中每个元素出现的次数

function count(arr) {
  var result = {};
  for(var i = 0; i < arr.length; i++) {
    if(result[arr[i]]) {
      result[arr[i]]++;
    } else {
      result[arr[i]] = 1;
    }
  }
  return result;
}

var arr = [1, 2, 2, 3, 3, 3];
console.log(count(arr)); // 输出：{ '1': 1, '2': 2, '3': 3 }

示例二：求斐波那契数列前n项的值

function fibonacci(n) {
  if(n <= 2) {
    return 1;
  } else {
    return fibonacci(n - 1) + fibonacci(n - 2);
  }
}

console.log(fibonacci(10)); // 输出：55