转载

Java script中的函数使用方法

前言

什么是函数，就是把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在开发中可以反复调用，函数的作用就是封装一段代码，可以重复使用。

1. 函数的声明及调用

1.1声明

关键字声明

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

表达式声明

var fn = function() {
  // 函数体
}

特点：
函数声明的时候，函数体并不会执行，只要当函数被调用的时候才会执行。

一个函数一般都特定的用来干一件事情

1.2 调用

调用函数的语法：

函数名();

特点：
函数体只有在调用的时候才会执行，调用需要()进行调用。

可以调用多次(重复使用)

// 声明函数
function sayHi() {
  console.log("吃了没？");
}

// 调用函数
sayHi();

// 求1-100之间所有数的和
function getSum() {
  var sum = 0;
  for (var  i = 0; i < 100; i++) {
    sum += i;
  }
  console.log(sum);
}
// 一段代码可以多次调用
getSum();
getSum();
getSum();

1.2 参数

为什么要有参数

function getSum() {
  var sum = 0;
  for (var i = 1; i <= 100; i++) {
    sum += i;
  }
  console.log();
}

// 虽然上面代码可以重复调用，但是只能计算1-100之间的值
// 如果想要计算n-m之间所有数的和，应该怎么办呢？

语法：

// 函数内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部
// 带参数的函数声明
function 函数名(形参1, 形参2, 形参...){
  // 函数体
}

// 带参数的函数调用
函数名(实参1, 实参2, 实参3);

*形参和实参 *

形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。
实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。

function fn(a, b) {
  console.log(a + b);
}
var x = 5, y = 6;
fn(x,y); 
// x,y实参，有具体的值。
// 函数执行的时候会把x,y复制一份给函数内部的a和b，
// 函数内部的值是复制的新值，无法修改外部的x,y

JS 函数在调用时，允许传多个实参，就是实参个数可以比形参个数多；

1.3 函数的返回值

当函数执行完的时候，并不是所有时候都要把结果打印。我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个值

返回值语法：

//声明一个带返回值的函数
function 函数名(形参1, 形参2, 形参...){
  //函数体
  return 返回值;
}

//可以通过变量来接收这个返回值
var 变量 = 函数名(实参1, 实参2, 实参3);

返回值详解：

如果函数没有显示的使用 return语句 ，那么函数有默认的返回值：undefined
如果函数使用 return语句，那么跟在return后面的值，就成了函数的返回值
如果函数使用 return语句，但是return后面没有任何值，那么函数的返回值也是：undefined
函数使用return语句后，这个函数会在执行完 return 语句之后停止并立即退出，也就是说return后面的所有其他代码都不会再执行。

作业:

求1-n之间所有数的和
求n-m之间所有数的和
求2个数中的最大值

1.4 函数相关的其它事情

1.4.1 匿名函数与自调用函数

匿名函数：没有名字的函数

匿名函数如何使用：

将匿名函数赋值给一个变量，这样就可以通过变量进行调用

匿名函数如果没有任何变量来表示它，那么就不能直接调用来执行，因此可以通过匿名函数的自调用的方式来执行

(function () {
  alert(123);
})();

关于自执行函数（匿名函数自调用）的作用：防止全局变量污染。

1.4.2 函数本身也是值

function fn() {}
console.log(typeof fn);

函数作为参数

因为函数也是一种值类型，可以把函数作为另一个函数的参数，在另一个函数中调用

function f1(f){
    //f = function f2(){
    //    console.log(2);
    //}
    f();
}

function f2(){
    console.log(2);
}
f1(f2); //2

函数做为返回值

因为函数是一种类型，所以可以把函数可以作为返回值从函数内部返回。

function fn(b) {
  var a = 10;
  return function () {
    alert(a+b);
  }
}

var f = fn(5);
f();  //15

原文 https://segmentfault.com/a/1190000021229562

正文到此结束

所属分类： Java 编程技术

本文标签： https IO http 开发参数代码 js
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

Java script中的函数使用方法

前言

1. 函数的声明及调用

1.1声明

1.2 调用

1.2 参数

1.3 函数的返回值

返回值详解：

1.4 函数相关的其它事情

1.4.1 匿名函数与自调用函数

关于自执行函数（匿名函数自调用）的作用：防止全局变量污染。

1.4.2 函数本身也是值

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流