js的function函数是什么?js中function的用法
Function与函数
Function是JavaScript提供的一种引用类型,通过Function类型创建Function对象。
在JavaScript中,函数也是以对象的形式存在的,每个函数都是一个Function对象。
//字面量方式创建函数 var fun =function () { console.log(100) }; //函数声明方式创建函数 function fn () { console.log(200) }; /* 创建Funtion类型的对象 * var 函数名 = new Function('参数',''函数体)*/ var f = new Function('a','console.log(a)'); f(2);//以函数方式调用
Function类型
Function的apply()方法
Function的apply()方法用于调用一个函数,并且接受指定的this值,以及一个数组作为参数。
//定义函数 function fun(value) { console.log(value) } /* 函数的apply()方法——>用于调用一个函数 函数名.apply(thisArg,[argsArray]) thisArg——>可选项,函数运行时使用的this值 argsArray——>可选项,一个数组或者类数组对象,其中的元素作为单独的参数传给Function函数。*/ fun.apply(null,['100']);
Function的call()方法
Function的call()方法用于调用一个函数,并且接受指定的this值,以及参数列表。
var fun = function (value,a,b,) { console.log(value,a,b,) } /* * call()方法调用函数 * 函数名.call(thisArg,arg1,arg2,…) * * 和apply()的区别在于提供参数的方式不同 */ fun.call(null,2,3,4);//2 3 4
Function的bind方法
Function用于创造一个新的函数,称为绑定函数,并且接受指定的this值作为参数,以及参数列表
var fun = function (a,b,c) { console.log( a,b,c) } /* bind方法->相当于复制一份当前函数 * 函数名.bind(thisArg,arg1,arg2,...) * thisArg->当绑定函数被调用时,该属性作为原函数运行时的this指向 * arg->参数。当绑定函数被调用时,这些参数将在实参之前传递给被绑定的方法 * */ var v =fun.bind(null,2,3,4); v();//2 3 4
没有重载
在其他开发语言中,函数有一种特性叫做重载。就是定义多个同名的函数,但没一个函数接收的参数个数不同,程序会根据调用时传递的实参个数进行判断,具体调用的是哪个函数。
单JavaScript中函数是没有重叠现象的,如果定义多个同名的函数,只有最后一个定义的函数是有效的。
arguments对象
虽然没有重载,但是JavaScript提供了argumengs对象可以模拟函数重载的现象。
/* * argumengs对象 * *该对象存储当前函数中所有的参数(实参)->类数组对象 * *该对象一般用于函数中 * *作用-用于获取当前函数的所有参数 * *arguments.length->函数所有参数(实参)的个数*/ function fun() { var num = arguments.length; switch (num){ case 2://参数个数 return arguments[0]+arguments[1]; break; case 3: return arguments[0]+arguments[1]+arguments[2]; break; } } console.log(fun(4,5));//9 console.log(fun(4,5,6));//15
递归
在函数体内调用自身的函数被称之为递归函数。在某种意义上来说,递归近似于循环。两者都重复执行相同的代码,都需要一个终止条件来避免无限循环和无限递归。
在一个函数体内,想要调用自身函数,有一下两种方式
通过使用自身函数名实现
通过使用arguments对象的callee属性来实现
/*//无线递归 function fun() { console.log('23') fun()//调用自身函数,实现递归 } fun()*/ function fn(v) { console.log(v); if (v>=5){ return } /*fn(v+1)*///使用该方法终止递归当执行下列代码输出时,报错 arguments.callee(v+1) } /*fn(0)*/ var f = fn; fn=null; f(0);
特殊函数
匿名函数
在JavaScript中,当把函数当做数据使用时,可以不设置名字。匿名函数的两种用法
可以将匿名函数作为参数传给其他函数。
可以定一某个匿名函数执行某些一次性任务。
回调函数
当一个函数作为另一个函数的参数时,作为参数的函数被称之为回调函数。
//作为另一个函数参数的函数fun->回调函数 var fun = function () { return 2; }; function fn(v) { return v(); } /* var result=fn(fun);//函数fun作为函数fn的实参 console.log(result); */ //以上代码等同于以下代码 //以下代码中作为参数的函数->匿名回调函数 var f = fn(function(){return 2;}); console.log(f);
自调函数
自调函数就是在定义函数后自行调用
/* 自调函数->定义即调用的函数 * 相当于在匿名函数外加了小括号 * 第一对括号->定义函数 * 第二对括号->调用函数*/ (function () { console.log('23') })()//23->后边的括号表示调用
作为值的函数
一个函数作为另一个函数的结果进行返回,作为结果返回的函数称之为作为值的函数
var one = function(){ return 100; } // 作为值的函数 -> 内部函数的一种特殊用法 function fun(){ var v = 100; // 内部函数 return function(){ return v; }; } var result = fun(); // console.log(result);// one函数 // console.log(result());// 100 console.log(fun()());
闭包
作用域链
作用域链就是指局部作用域可以访问它的父级所能访问的作用域
var a = 10;// 全局变量 function fun(){ var b = 100;// fun函数作用域的局部变量 // 内部函数 function fn(){ var c = 200;// fn函数作用域的局部变量 // 内部函数 function f(){ var d = 300;// f函数作用域的布局变量 // 调用变量 console.log(a);// 10 console.log(b);// 100 console.log(c);// 200 console.log(d);// 300 } f(); // 调用变量 // console.log(a);// 10 // console.log(b);// 100 // console.log(c);// 200 // console.log(d);// d is not defined } fn(); // 调用变量 // console.log(a);// 10 // console.log(b);// 100 // console.log(c);// c is not defined // console.log(d);// d is not defined } fun();
闭包
当内部任何一个函数被通过一种方式被任何一个外部作用域访问时,就是一个闭包。
var n;// 定义变量,但不初始化值 function fun(){// 函数作用域 var v = 100; // 进行初始化值 -> 一个函数 n = function(){ console.log(v); } // n(); } fun(); n();// 100
闭包的作用
提供可享的局部变量
保护共享的局部变量,提专门读写变量的函数
避免全局污染
相关推荐:
ECMAScript中函数function类型_javascript技巧
以上就是js的function函数是什么?js中function的用法的详细内容,更多请关注其它相关文章!
推荐阅读
-
js中的reduce()函数讲解
-
vue.js中toast用法及使用toast弹框的实例代码
-
深入理解js中this的用法
-
js中 函数参数的 传值/传引用 问题
-
js function 返回值的函数(js获取后端方法的返回值)
-
JS学习笔记:JS 的function( window, undefined ) {}(window)写法
-
Jquery中$(document).ready(function(){ })函数的使用详解
-
在textarea中屏蔽js的某个function的javascript代码
-
js function 返回值的函数(js获取后端方法的返回值)
-
全面了解JS中的匿名函数