资讯专栏INFORMATION COLUMN

简述Function类型

ityouknow / 1665人阅读

摘要:类型是提供的引用类型之一,通过可需变更创建对象。调用自身的函数被称之为递归函数。想要解决上述递归函数的问题,可以使用对象属性替换具体的函数名。保护贡献的局部变量。

Function类型 概述

Function与函数

函数是这样的一段JavaScript代码,她只定义一次,但是可能被执行或调用多次。
Function类型是JavaScript提供的引用类型之一,通过Function可u需变更创建对象。
在JavaScript中,函数也是以对象形式存在的。每一个函数都是一个Function对象。函数名,本质就是一个变量,是指向某个Function对象的引用。
function fn(){
console.log(‘卧龙学院’);
}
console.log (fn instanceof Function);//true

构造函数

在JavaScript中,函数除了可以通过函数定义语句或字面量变大时两个方式意外,还可以通过Function类型进行定义:
var add = new Function(
"num1".
"num2",
)
注意:通过Function类型定义函数的效率远不如通过函数定义或者字面量定义表达式两个方式定义,目前,定义函数具有三种表达式。

Function的apply()方法

Function的apply()方法用于调用一个函数,并且接受指定的this值,以及一个数组作为参数。其语法如下结构:
func.apply(thisarg,[argsarray])
this参数:可选项,在func函数运行时使用的this值。
argsarray参数:可选项,一个数组或者类数组对象,其中的数组元素将作为多带带的参数传给func函数。也可以使用argumengts对象作为该参数。
返回值调用该函数的返回结果。

Function的call()方法

Function的call()方法用于调用一个函数,并且接受指定的this值作为参数,以及参数列表。
thisarg参数:在func函数运行时使用的this值。arg1 arg2 参数:指定参数列表
返回值:调用该函数的返回结果。
apply()于call()非常相似,不同之处在于提供参数的方法

Functiond 的bind()方法

Function的bind()方法用于创建一个新的函数(称之为绑定函数),并且接受指定的this值作为参数,以及参数列表。其语法结果如下:
fun。bind(thisarg[[arg[,arg[,arg2]]])
thisarg参数:当绑定函数被调用时,该参数会作为原函数运行时的this指向,
arg1,arg2,参数。。。当绑定函数被调用时,这些参数将设置于实参之前传递给被绑定的方法。
返回值:返回又指定的this值和初始化参数改造的原函数拷贝。

没有重载

在其他开发语言中,函数具有一种特性,叫做重载。所谓重载,就是定义多个同名函数,但每一个函数接受的参数的个数不同,程序会根据调用实参个数进行判断,具体调用的是那个函数。如下是列:
function add (a,b){
return a+b;
}
function add (a,b,c){
return a+b+c;
}
add(1,2);//3
add(1,2,3);//6
但是在JavaScript中,函数是没有重载现象的。也就是说,如果用是定义多个同名的函数,只有最后一个定义的函数是有效的。
不过,JavaScript提供了arguments对象,该对象可以模型函数重载的现象。arguments对象时函数内部的本地变量;argumengts以及不再时函数的属性了。argumengts对象可以获取函数的所有参数,但argumengts对象并不是一个数组,而是一个类数组对象

递归

在一个函数的函数体内,如果想调用自身函数的话,有如下两种方式:
通过使用自身函数名实现。
通过使用arguments对象的callee属性实现。
调用自身的函数被称之为递归函数。在某种意义上说,递归近似于循环。两者都重复执行相同的代码,并且两者都需要一个终止条件以避免无限循环或者无限递归。
function loop(x){
if(x>=10){ return;}
loop(x+1);
}
loop(0);
上述代码是一个经典的递归函数。虽然这个函数表面看起来并没有什么问题,如果直线下述代码可能会导致出错。
car anotherloop = loop ;
loop = null ;
anotherLoop (0)// 出错
上述代码将函数loop()保存到另一个变量anotherloop中,然后将loop设置为null值。当执行another loop时,一定会执行函数loop(),而loop已经不再是一个函数,最终导致出错。
想要解决上述递归函数的问题,可以使用arguments对象callee属性替换具体的函数名。
function loop (x) {
if (x>=10){
return;
}
arguments.callee(x+1);
}

特殊函数

匿名函数

JavaScript可以将函数作为数据使用。作为函数本体,它像普通的数据一样,不一定要有名字。默认名字的函数被定之为匿名函数。如下实例:
function(a){return a;}
匿名函数的两种使用方法:
可以将匿名函数作为函数作为参数传递给其他函数。这样,接受方函授就能利用所传递的函数来完成某些事情。
可以定义某个匿名函数来执行某些一次性任务。

回调函数

当一个函数作为参数传递给另一个函数时,作为参数的函数被称之为回调函数。
function add(a,breturn a ()+b()} var one = function () {return1;}
var two = function(){return 2;}
console.log (add(one,two));//output 3}
可以直接使用匿名函数来替代one()和two(),以作为目标函数的参数
console。log (add(function(){return 1;}, function(return2;)))
上述代码中。函数one()two()都作为函数add()的参数传递。所有one()和two()都是回调函数。当将函数A传递给函数B,并由B来执行A时,A就成了一个回调函数。 如果A 还是一个无名函数 就称之为匿名会点函数。 回调函数的优点如下:
它可以在不做命名的情况下传递函数(这意味着可以节省全局变量)。
可以将一个函数调用操作委托给另一个函数()这意味着可以节省一些代码编写工作。
回调函数也有助于提升性能

自调函数

所谓自掉函数就是定义函数后自行调用。如下实例:
(function(){console.log("javascript");
})();
上述代码的含义:第一对 括号的作用,放置的时一个匿名函数。
第二队括号的作用,时’立即调用‘。
自调函数只需要将匿名函数的定义放进一对括号中, 然后外面再跟一对括号即可。
自调函数也可以再调用时接受参数。如下示例:
(function(name){
console.log("hello"+name+"!");
})(""jacasript);//hello javasript
上述代码的含义如下:
当一个括号中的匿名函数接受一个参数。
第二个括号,再调用时, 像匿名函数传递参数内容。

作为值的函数

将一个函数作为另一个函数的结果进行返回,作为结果返回的函数称之为作为值的函数。
function fn( f,args){
return f (ars);
}
function add(num){//作为值的函数
return num +10;
}
var result = fn(add,10);
console.log (result);//20
上述代码还可以编写成如下方式:
function fn(args){
return function add(){
return args +10

}

}
上述两段代码的区别在于:
var f = fn(10); //function add(){return 10+10;}
var result =f()//20

闭包

作用域链

很多开发语言中都具有块级作用域,但ECMAScript5版本中并没有跨级作用域,这经常会导致理解上的困惑。如下示例:
if (true){
var color= ‘blue’;
}
console。log(color);//blue
上述代码再if语句中的定义了变量color。但该变量的作用域时全局域,原因是ECMASript5版本中没有块级作用域。
虽然再ECMASript5版本没有块级作用域。但具有函数作用域。在某个函数内部定义的变量的作用域就是该函数的作用域。
function fun(){
var v = this is "wolongxueyuan ";
}
console .log (v)//输出报错
上述代码在函数fun内部定义了变量v ,该变量的作用域是fun函数的作用域。 所以在全局域访问该变量时会报错。每一段JavaScript代码(全局代码或函数)都有一个与值关联的作用域链。 这个作用或链式一个对象列表或链表,这组对象定义了这段代码作用域中的变量。

闭包是什么

JavaScript允许函数嵌套,并且内部函数可以访问定义在外部函数中的所有变量函数,已经外部函数能访问的所有变量和函数。但是,外部函数作用域访问时,一个闭包就产生了。
闭包就是词法表示包括不必计算的变量的函数, 也就是说, 该函数能使用函数外定义的变量
如下述代码就是一个最简单形式的闭包结构:
var b ;
function f(){
var a=" a"};
b=function(){
returnn a+"b";
}
return a;
}
//测试
console.log (f());//a
console.log(b());//ab
闭包的特点
局部变量;在函数中定义有贡献意义 的局部变量。()定义成全局变量会对外造成污染
内部函数:在函数(f)中声明有内嵌函数,内嵌函数(g)对函数(f)中的局部变量进行访问。
外部使用:函数(f)向外返回词内嵌函数(g),外部可以通过词内嵌函数持有并访问声明在函数(f) 中的局部变量,而此变量在外部时通过其他途径无法访问的。
闭包作用:
提供可共享的局部变量。
保护贡献的局部变量。提供专门的读写变量的函数。
避免全局污染

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108265.html

相关文章

  • Web 开发中 Blob 与 FileAPI 使用简述

    摘要:本文节选自,主要是对操作中常见的相关概念进行简要描述。开发中与使用简述是中的对象,表示不可变的类文件对象,里面可以存储大量的二进制编码格式的数据。对象就是的分支,或者说子集,表示包含某些元数据的单一文件对象即是文件对象的列表。 showImg(https://segmentfault.com/img/remote/1460000015723710?w=1240&h=823); 本文节选...

    android_c 评论0 收藏0
  • JS每日一题: 请简述一下vuex实现原理

    摘要:给的实例注入一个的属性,这也就是为什么我们在的组件中可以通过访问到的各种数据和状态源码位置,是怎么实现的源码位置是对的的初始化,它接受个参数,为当前实例,为的,为执行的回调函数,为当前模块的路径。 20190221 请简述一下vuex实现原理 对vuex基础概念有不懂的可以点这里 vuex实现原理我们简单过一遍源码 地址 https://github.com/vuejs/vuex 首...

    JohnLui 评论0 收藏0
  • 简述作用域还有闭包延伸至模块化

    摘要:首先变量对于一个程序来说是一个很重要的角色那么问题来了这些变量存在哪里程序用到的时候如何找到变量呢所以需要一套规则来存储变量方便之后再找到这套规则就成为作用域是一门编译语言对于来说大部分情况下编译发生在代码执行前的几微妙的时间内对于参与到一 首先,变量对于一个程序来说是一个很重要的角色, 那么问题来了 这些变量存在哪里,程序用到的时候如何找到变量呢? 所以需要一套规则来存储变量方便之后...

    imingyu 评论0 收藏0
  • PHP编码规范

    摘要:为什么需要编码规范为了提高工作效率,保证开发的有效性和合理性。在文件编码中,选择推荐在换行符中,选择推荐文件命名程序的文件名和目录名都采用有意义的英文命名。最后最后说的是,本规范不是强制,也不是标准。回复编码规范即可。 为什么需要编码规范? 为了提高工作效率,保证开发的有效性和合理性。 为了提高代码可读性和可重复利用性,从而节约沟通成本。 本文主要参考了 PEAR 规范,并进行适当...

    xuweijian 评论0 收藏0
  • es6简述

    摘要:箭头函数首先是书写方便其次是解决了指向全局的问题这里改为了指向当前模块化可以用来对外暴露函数外部通过来引入函数类里面的构造函数写在里面并且函数添加是用并没有关键字继承者用父类来继承对象构造函数要用到来引入继承的构造函数和类似数组但是不 1. 箭头函数 首先是书写方便 其次是解决了this指向全局的问题, 这里改为了指向当前 2. es6模块化 可以用export来对外暴露函数, 外...

    yuxue 评论0 收藏0

发表评论

0条评论

ityouknow

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<