美文网首页JavaScript 进阶营web前端开发
JavaScript函数的声明、函数的调用、函数的参数(十五)

JavaScript函数的声明、函数的调用、函数的参数(十五)

作者: 终身成长人格 | 来源:发表于2019-11-22 15:14 被阅读0次

目录:

1.什么是函数

2.函数的声名和调用

3.函数的参数

一、什么是函数

为完成某一功能的程序指令(语句)的集合,称为函数。

非官方理解:如果把家里吃饭的碗来比做某一项功能代码的话,那碗是不是咱们可以重复的使用,比如吃米饭用这个碗,吃馒头用这个碗,吃面条也用这个碗,那么这个碗就重复使用了,如果拿这个碗放一条鱼,是不是就有点够呛了,也就是不满足放鱼的需求了。

那么函数就是封装一个功能代码,这个功能代码可以重复使用,哪里要用你就可以调用去使用。

二、函数的声名和调用

  1. 定义函数,又叫声明函数。

(1)function 命令

function命令声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数。函数体放在大括号里面。

function print(s) {
  console.log(s);
}

上面的代码命名了一个print函数,以后使用print()这种形式,就可以调用相应的代码。这叫做函数的声明(Function Declaration)。

(2)函数表达式

除了用function命令声明函数,还可以采用变量赋值的写法。

var print = function(s) {
  console.log(s);
};

这种写法将一个匿名函数赋值给变量。这时,这个匿名函数又称函数表达式(Function Expression),因为赋值语句的等号右侧只能放表达式。

三、函数的参数

1.函数的参数分为形参和实参。

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

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

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

注意事项:

函数最终的运算结果由实参所解决定;

不论形参还是实参,都不需要关键字“var”的显示声明,函数的参数只能在函数内部访问。

2.对位传参法

形参与实参是通过位置而不是参数名来匹配对应的
形参与实参的个数可以不一致
如果一个形参没有接收到实参传递来的值,那么他为undefined

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

下节预告:函数_arguments_return

参考视频链接:https://www.3mooc.com/front/couinfo/228

相关文章

  • JavaScript函数的声明、函数的调用、函数的参数(十五)

    目录: 1.什么是函数 2.函数的声名和调用 3.函数的参数 一、什么是函数 为完成某一功能的程序指令(语句)的集...

  • Javascript学习笔记——8.3 函数的实参和形参

    函数声明里的参数叫形参,函数调用里的参数叫实参。 Javascript函数定义不指定形参的类型,函数调用也不对实参...

  • 函数声明及其用法

    函数声明: 例子:声明一个函数 传统方法调用函数: 调用成员函数: 注意:成员函数调用通过点表示法 函数参数: 具...

  • Kotlin-函数

    函数声明 Kotlin 中的函数使用 fun 关键字声明: 函数用法 调用函数使用传统的方法: 默认参数 函数参数...

  • JavaScrip函数

    概述 函数三要素包括:**函数名、参数、返回值函数声明 函数调用 eg 参数 形式参数 : 在函数声明时, 设置的...

  • js 基础

    JavaScript 函数 是对象 函数提升 提升作用域 在声明前调用。 自调用 (不能自调用声明的函数) 表达...

  • Swift-函数坑

    1. 函数的定义和调用 函数声明func 函数名(参数名:参数类型, 参数名:参数类型, ...) -> 函数返回...

  • JavaScript中的函数与闭包

    查阅书籍:JavaScript权威指南 函数声明与函数表达式 用函数声明定义的函数,函数可以在函数声明之前调用,而...

  • kotlin中级篇

    函数和lambda表达式 函数声明 函数调用 默认参数 命名参数 可变数量的参数(Varargs)函数的参数(通常...

  • Python函数

    基本语法:[定义/声明函数、调用函数]define 定义def 函数名称():函数中要执行的代码 函数的参数:参数...

网友评论

    本文标题:JavaScript函数的声明、函数的调用、函数的参数(十五)

    本文链接:https://www.haomeiwen.com/subject/ichqwctx.html