函数

1.函数的定义与调用

1.初识函数

在Javascript中,函数就是对象,其应用:

1)被赋值给一个变量

2)被赋值为对象的属性

3)作为参数被传入别的函数

4)作为函数的结果被返回

5)用字面量来创建

2.参数设置

1.无参函数:适用于不需要提供任何数据,即可完成指定功能的情况。

2.有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。

1)形参:形式参数,具有特定的含义,在定义有参函数时设置的参数。

2)实参:实际参数,也就是具体的值,在函数调用时传递的参数。

3.获取函数调用时传递的所有实参:适用于开发时函数体形参不确定的情况。

1)实现方式:利用arguments对象,在函数体内可获取函数调用时传递的实参。

2)其他操作:length属性可获取实参的总数,具体实参值可利用数组遍历方式。

3.函数的调用

1.直接调用:函数名(实参值)

sayHi("南工院","新学期开学了");

2.在表达式中调用

这种方式适合有返回值的函数,返回值作为表达式的一部分参与运算,有时还会和(alert、document)等语句配合输出。

注意点:

1).return 语句不是函数必须的,但任何函数在任何时候都可以通过return语句+ 返回的值,实现返回。

2).若在一个文件中,定义函数名字相同,会使用最后定义的函数

2.变量的作用域

1.全局变量:不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。

作用范围:它在同一个页面文件中的所有脚本内都可以使用。

2.局部变量:在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。

3.块级变量:ES6提供的let关键字声明的变量称为块级变量,仅在"{}"中间有效,如if、for或while语句等。

4.垃圾回收机制:

在JavaScript中,局部变量只有在函数的执行过程中存在,而在这个过程中会为局部变量在(栈或堆)内存上分配相应的空间,以存储它们的值,然后在函数中使用这些变量,直到函数结束。

一旦函数执行结束,局部变量就没有存在必要了,此时JavaScript就会通过垃圾回收机制自动释放它们所占用的内存空间。

3.匿名函数

概念:匿名函数指的是没有函数名称的函数。

作用:可以有效的避免全局变量的污染以及函数名的冲突问题。

说明:既是函数表达式的另一种表示形式,又可通过函数声明的方式实现调用。

① 函数表达式中省略函数名

var fn = function (num1, num2){

return  num1 + num2;

};

fn(1, 2);

② 自调用方式

(function (num1, num2) {

return  num1 + num2;

})(2, 3);

③ 处理事件

document.body.onclick  = function () {

alert('Hi, everybody!');

}

4.回调函数

1.概念:所谓回调函数指的就是一个函数A作为参数传递给一个函数B,然后在B的函数体内调用函数A。此时,我们称函数A为回调函数。

2.提示:匿名函数常用作函数的参数传递,实现回调函数。

3.应用:函数体中某部分功能由调用者决定,此时可以使用回调函数。

4.在JavaScript中还为数组提供了很多利用回调函数实现具体功能的方法。


function cal(num1,num2,fn) {

return fn(num1,num2)

}

console.log(cal(45,55,function (a,b) {

return a+b

}))

console.log(cal(10,20,function (a,b) {

return a*b

}))


var arr=[[1,2,3],[4,5,6],[7,8,9]]

var reverse=arr[1].map(function (col,i) {

return arr.map(function (row) {

return row[i];

    })

})

console.log(reverse)

5.嵌套与递归

1.嵌套函数

概念:在一个函数内部存在另一个函数的声明。

特点:内层函数只能在外层函数作用域内执行,在内层函数执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上一层级的作用域中寻找,直到全局作用域,我们称这种链式的查询关系为作用域链。

variBaseNum= 10;

function addNum(iNum1, iNum2) {

function doAdd() {

return iNum1 + iNum2 + iBaseNum;

}

 return doAdd();

}

2.递归调用

概念:递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程,这种函数称为递归函数。

6.闭包函数

1.在JavaScript中,内嵌函数可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用"闭包"来实现。

2.所谓"闭包"指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:

1)可以在函数外部读取函数内部的变量。

2)可以让变量的值始终保持在内存中。

<script>

function fn() {

var times=0

var c=function () {

return ++times

}

return c

    }

var count=fn();

console.log(count())

console.log(count())

console.log(count())

console.log(count())

console.log(count())

</script>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文档内容参考 《JavaScript 闯关记》之函数 函数是一段代码,它只定义一次,但可以被执行或调用任意次。在...
    穿越人海遇见你阅读 1,099评论 0 1
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 909评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 640评论 0 0
  • 一、函数声明和函数表达式有什么区别? 函数声明和函数表达式的区别:函数声明可以提升到其他代码之前(即函数声明前置)...
    __Qiao阅读 321评论 0 0
  • 1. 函数声明和函数表达式有什么区别 使用function关键字声明一个函数时,声明不必放到调用的前面。//函数声...
    _李祺阅读 325评论 0 0

友情链接更多精彩内容