极乐门资源网 Design By www.ioogu.com
// 在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法;
// 由于函数是对象,因此函数名实际上也是一个指向函数对象的指针;
一 函数的声明方式
1.函数声明方式 function box(num1,num2){ return num1+num2; } 2.函数表达式定义函数 var box = function(num1,num2){ // 通过变量box即可引用函数; return num1+num2; }; // 注意函数末尾有一个分号,就像声明其他变量时一样; var another = box; // 使用不带圆括号的函数名是访问函数指针;而非调用函数; console.log(another(10,10)); 3.使用Function构造函数 var box = new Function('num1','num2','return num1+num2'); // 第三种方式不推荐,这种语法会导致解析两次代码(第一次解析常规JS代码,第二次解析传入构造函数中的字符串),从而影响性能; // 可以通过这种语法来理解"函数是对象,函数名是指针"的概念;
二 作为值的函数
// JS中的函数名本身就是变量,所以函数也可以作为值来使用; // 也就是说,不仅可以像传参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回; function box(sumFunction,num){ // 无论第一个参数传递进来的是什么函数, return sumFunction(num); // 它都会返回执行第一参数后的结果; } function sum(num){ return num+10; } // 传递函数到另一个函数里; // 要访问函数的指针不执行函数的话,须去掉函数名后的圆括号; var result = box(sum,10); // =>20;
三 函数内部属性
// 函数内部有两个特殊的对象:arguments和this; // 1.arguments:是一个类数组对象,包含着传入函数中的所有参数,主要用途是保存函数参数; // arguments这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数; function box(num){ if(num<=1){ return 1; }else{ return num*arguments.callee(num-1); // 使用arguments.callee来执行box本身; } } // 2.this:引用的是函数据以操作的对象,或者说函数调用语句所处的作用域; // 当在全局作用域调用函数时,this对象引用的就是window; window.color = "red"; alert(this.color); // 打印全局的color;=>red; var box = { color:'blue', sayColor:function(){ alert(this.color); // 打印局部的color;=>blue; } };
四 函数属性和方法
// JS中的函数是对象,因此函数也有属性和方法;包含length和prototype; // length属性:表示函数希望接收到命名参数的个数; function box(name,age){ alert(name+age); } alert(box.length); // 2s // prototype属性:它是保存所有实例方法的真正所在,也就是原型; // prototype包含两个方法:apply()和call(),每个函数都包含这两个非继承而来的方法; // 这两个方法的用途都在特定的作用域中调用函数,实际上等于设置函数体内this对象的值; var color = 'red'; var box = { color = 'blue'; } function sayColor({ alert(this.color); }); sayColor(); // 作用域在window; sayColor.call(this); // 作用域在window; sayColor.call(window); // 作用域在window; sayColor.call(box); // 作用域在box,对象冒充;=>red; // 使用call(box)方法的时候,sayColor()方法的运行环境已经变成了box对象里了; // 使用call()或apply()来扩充作用域的最大好处,就是对象不需要与方法发生任何耦合关系; // 耦合:相互关联的意思,扩展和维护会发生连锁反应; // 也就是说,box对象和sayColor()方法之间不会有多余的关联操作,比如:box.sayColor = sayColor; function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } } function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); //通过call或apply方法,将原本属于Animal对象的showName()方法交给对象cat来使用。 //输入结果为"Cat" animal.showName.call(cat,","); //animal.showName.apply(cat,[]);
五 小结
1 // 函数实际上是Function类型的实例,因此函数也是对象;而这一点正式JavaScript最有特色的地方;
2 // 由于函数对象,所以函数也拥有方法,可以用来增强其行为;
标签:
Function
极乐门资源网 Design By www.ioogu.com
极乐门资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无JavaScript Function函数类型介绍的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2025年01月18日
2025年01月18日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]