js上 十三、函数初步-2
13-1.函数的参数
函数的本质:
ü 函数的作用,代码重用,编写一个函数,就是为了解决一类问题。
ü 函数每次调用,都有一个结果,那么结果和什么相关呢?y = x , y = x2,y = sin(x)。和我们给定的某一个值相关的。
这就涉及到参数的问题。

函数中的参数分为
形参:函数定义时小括号中的参数称为形参表示要传入什么样的值
实参:函数调用时输入的参数称为实参,具体的某个值
案例,我们需要定义一个函数,对两个数进行求和。

正是由于有了参数这么一个武器,所以我们的函数才得以重用。
多个参数由逗号 (,) 分隔
说明:
在定义和调用函数的时候,对形式参数和实参要求没有那么严格。
形参和实参的个数,可以不相等,程序不会出错,结果可能会出问题。

想要获取实参6,7怎么办

#13-2arguments
什么是arguments?
arguments是实参的一个集合;

说明:
ü arguments队形是用来接受实参的,每一个函数都有arguments对象,arguemnts只会在内部找自身的arguments,无法引用到外层的arguments

ü 我们将实参收集起来,放到一个arguments对象里,组成一个由实参构成的类数组,[实参1,实参2,实参3…..实参n]
ü 我们可以通过arguments的索引(0,1,2,3…),来访问每一个实参,
ü 访问格式:arguments[下标]

ü arguments.length:可以得到实参是个数

细节:
1) arguments[0]可以取到传入的第一个实参
2) arguments[arguments.length-1] 可以取到传入参数的最后一个实参

3) arguments的长度是由传入的实参个数决定的,而不是由定义函数时的命名参数的个数决定的
4) 没传参的时候arguments.length 为0.是个[]

5) 获取每一个实参:

#11-3.函数的返回值
我们每调用一个函数,希望得到一个什么东西呢?
y = x , y = 2x+1,y = sin(x)
实际上,在js开发中,我们调用一个函数,往往是需要通过它的处理,得到一个具体的结果。
函数中的return语句是指定函数调用的返回值
说明:
return只能在函数体中出现,如果不是的话会报语法错误
在使用ruturn语句时,函数就会停止执行,并返回指定的值,后面的语句不会被执行。

细节:
1) 没有使用return的时候,我们可以这么理解,在一个函数当中,最后一定会有一个return 语句,默认的是 return undefined。

2) 如果有 return 就是return的值。

3) 如果有return ,但是没有return后没有值,则返回undefined

作业:
1.函数封装(详情见文档)
#11-4.函数的作用域
什么是作用域?
首先,作用域是针对变量而言的。要定义一个变量,这个变量就有一个相应的作用域。
作用域是指变量的生效范围,在程序中,在什么范围之内可以访问,什么范围不能访问。
在js中,以函数为界,可以分为如下两种:
全局变量:不在任何函数内定义的变量就是全局变量。
局部变量:(函数内var 声明的变量)只能被函数自身读取(该变量的作用域是局部的)。
变量的规则:(变量的作用域)
1)如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:

2)如果两个不同的函数各自申明了同一个变量,那么该变量只在各自的函数体内起作用。换句话说,不同函数内部的同名变量互相独立,互不影响:

3)函数外部的变量就算是和函数内部的变量名称相同,也是两个变量,没有任何关系,彼此不发生影响

- 函数内部的变量,没有用var时,会逐层向上查找
(如果把值赋给尚未声明的变量,是隐式声明,不会变量提升,直接为全局变量)
**a. ** 先执行函数,再输出变量

**b. ** 没有执行函数;直接输出
变量的生存周期:
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
函数同名的话,后写的函数覆盖先写的函数。
注意:js没有重载
#小结:
\1. 函数的参数分为形参和实参;
\2. arguments是实参的集合
\3. return是函数的返回值,也是函数的结束语句
\4. 在函数体内声明的变量为局部变量,不再函数内声明的变量为全局变量
\5. 局部变量只能在函数体内使用,全局变量可以在任意地方使用;
js上 十三、函数初步-2的更多相关文章
- js上 十二、函数初步-1
11-1.引入(认识函数) 引入: 说起函数,其实我们并不陌生,在初中数学中我们就接触过函数:例如我们所学的 y = 2X+1 ; 这是一个二元一次方程,也是我们数字中的函数: 当我们每次输入 ...
- js进阶 12-8 如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功)
js进阶 12-8 如何知道上一个函数的返回值是什么(如何判断上一个函数是否执行成功) 一.总结 一句话总结:event的result属性即可. 1.event的result属性的实际应用场景是什么? ...
- JS中给函数参数添加默认值
最近在Codewars上面看到一道很好的题目,要求用JS写一个函数defaultArguments,用来给指定的函数的某些参数添加默认值.举例来说就是: // foo函数有一个参数,名为x var f ...
- JS中给函数参数添加默认值(多看课程)
JS中给函数参数添加默认值(多看课程) 一.总结 一句话总结:咋函数里面是可以很方便的获取调用函数的参数的,做个判断就好,应该有简便方法,看课程. 二.JS中给函数参数添加默认值 最近在Codewar ...
- Node.js 教程 06 - 函数
前言: 本篇介绍的是Node.js中的函数,相对于上一篇会简单一点,其实和我们Javascript中的function无异. 好了,废话不多说了,我们进入正题吧. Node.js函数: [示例1:创建 ...
- 关于js的回调函数的一点看法
算了一下又有好几个月没写博客了,最近在忙公司android的项目,所以也就很少抽时间来写些东西了.刚闲下来,我就翻了翻之前看的东西.做了android之后更加感觉到手机端开发的重要性,现在做nativ ...
- js立即执行函数
一.JS立即执行函数的写法 方式1.最前最后加括号 (function(){alert(1);}()); 方式2.function外面加括号 (function(){alert(1);})(); ...
- js 数组处理函数
本文转载自有有<js 数组处理函数> concat 将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响. var arr = ["a","b& ...
- JS字符串替换函数:Replace(“字符串1″, “字符串2″),
JS字符串替换函数:Replace(“字符串1″, “字符串2″), 1.我们都知道JS中字符串替换函数是Replace(“字符串1″, “字符串2″),但是这个函数只能将第一次出现的字符串1替换掉, ...
随机推荐
- vue的html2canvas将dom转化为图片时踩得坑
一.html2canvas中图片涉及跨域图片 应用场景:做个投票活动,将参赛者的信息转化成图片截图分享.用户上传图片上传到腾讯云cos桶中,html2canvas只能转换本地资源的图片,涉及跨域的图片 ...
- MathType总结编辑括号的类型(上)
括号的种类有很多,我们用得也很多,可以说无处不见,不只是在数学物理这些自然科学的公式中来断地出现括号,即使是在人文艺术类的领域也会有括号的出现.下面就和小编一起来看看公式编辑器编辑括号的类型吧! Ma ...
- Mac垃圾忘记清理?开启自动清理提醒帮助你!
Mac系统被广泛应用于各种职场生活和学习生活上,平时由于工作和学习忙碌,用户难免会忽略了对Mac的照料,Mac在日复一日地使用中,必定会逐渐变得"臃肿",系统中存在着各种文件缓存垃 ...
- Mac中的格式转换如何用读写工具Tuxera NTFS完成
Tuxera NTFS for Mac是一款专门为Mac用户提供的NTFS驱动软件,它不仅可以进行磁盘文件的访问.编辑.传输和存储,还可以对硬盘进行维修检查以及修复. 今天小编就给大家简单介绍一下Tu ...
- Spring中各个模块
Spring中个模块介绍 核心模块 提供了对Bean的配置.管理.创建等以及IOC/DI.如果只需要提供IOC/DI功能,只需要引入Beans和Core两个jar包 Core 包含Spring框架 ...
- leetcode133. 克隆图
给定无向连通图中一个节点的引用,返回该图的深拷贝(克隆).图中的每个节点都包含它的值 val(Int) 和其邻居的列表(list[Node]).示例: 输入:{"$id":&quo ...
- CSP-SJX2019 解题报告
T1 日期 日高于 \(31\) 或等于 \(00\) 的要修改 \(1\) 次. 月高于 \(12\) 或等于 \(00\) 的要修改 \(1\) 次. 月等于 \(02\) 且日大于 \(28\) ...
- rocketmq的吞吐量为什么小于kafka
转载: https://www.jianshu.com/p/c474ca9f9430
- 二、springboot项目使用seata实现分布式事务
所有文章 https://www.cnblogs.com/lay2017/p/12078232.html 正文 在上一篇文章中,我们简单地了解了一下什么是seata.它是来自阿里巴巴的内部项目不断地发 ...
- day3(使用axios实现登录成功)
1.创建一个login.vue页面 1.1写页面components/Login.vue 在 src/components 下创建 Login.vue 页面 <template> &l ...