JavaScript 函数用途
在JavaScript中,函数可以:被赋值给一个变量,被赋值为对象的属性、作为参数被传入别的函数、作为函数的结果被返回、用字面量来创建。
1. 赋值给一个变量
//声明一个函数,接受两个参数
function add(x,y){
return x+y;
}
var a=0;
a=add;//将函数赋值给一个变量
var b=a(2,3);
alert(b);//5
结果:
分析:赋值之后,变量a引用函数add,即a的值是一个函数对象(一个可执行代码块),所以可以使用a(2,3)这样的语句进行求和操作。通常的编程语言中,我们会将函数/方法的返回值(基本数据类型或者对象)赋值给其他的变量,但是无法做到将函数/方法本身赋值给其他变量。究其原因,是因为在这些编程语言中,没有一种数据类型表示函数。
2. 赋值为对象的属性
var obj={
id:"obj1";
}
obj.func=add;//赋值为对象的属性
obj.func(2,3);//返回5
实际上,这个和第一个例子本质一样。第一个例子中的a变量,是全局对象window的一个属性,而在第二个例子中则为obj对象。
3. 作为参数传递
function adPrint2(str,handler){
alert(handler(str));
}
//将字符串转换为大写形式,并返回
function up(str){
return str.toUpperCase();
}
//将字符串转换为小写形式,并返回
function low(str){
return str.toLowerCase();
}
adPrint2("hello,world",up);
adPrint2("hello,world",low);
可以看到:函数adPrint2的第二个参数,实际上是一个函数(接受一个字符串为参数,并返回参数字符串的大写/小写形式),将这个处理函数作为函数参数传入,在adPrint2的内部,仍然可以调用这个函数。在客户端的JavaScript中,在异步事件的回调函数中更是必须的一种模式(比如:鼠标点击事件,Ajax请求的回调等)
4. 作为函数的返回值
function currying(){
return function(){
alert("curring");
}
}
1.调用currying()会得到:function(){
alert("curring");
}
2.如果调用currying返回的是这个匿名函数,需要这样:currying()();第一个括号表示操作,表示调用currying本身,返回值是函数;第二个括号操作符调用这个返回值,所以会得到这样的结果:curring;
5. 函数用字面量来创建
参考《JavaScript学习指南》P100
我们可以使用String构造器创建关键字符串,然后使用String方法访问它。
var str=new String("Learning Java");
document.writeIn(str.replace(/Java/,"javascript"));
也可以基于基本字符串类型使用变量,并且仍然可以访问String对象的方法。当调用String对象的方法时,JavaScript引擎会隐式地将字面量包装在一个对象中。
var str2="Learning Java";
document.writeIn(str2.replace(/Java/,"javascript"));
实际上可以这样写:document.writeIn("Learning Java".replace(/Java/,"javascript"));
所谓的函数字面量,就是说当想创建一个函数时候,不使用function构造函数,同样可以将其赋给一个变量,这样它在字面量上就成了函数字面量。
var func=function (params){
statements;
}
函数字面量也称为函数表达式,因为这样创建的函数将称为表达式的一部分,而不是一个特有类型的语句。它们像匿名函数一样没有定义函数名称,不过和匿名函数直接是有差异的。函数字面量只会解析一次,实际上,除了把函数赋给一个变量之外,函数字面量和声明式函数式类似的:
var func=function(x,y){
return x*y;
}
alert(2,3);
JavaScript 函数用途的更多相关文章
- 深入理解javascript函数系列第三篇——属性和方法
× 目录 [1]属性 [2]方法 前面的话 函数是javascript中的特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本 ...
- 第八章:Javascript函数
函数是这样一段代码,它只定义一次,但可能被执行或调用任意次.你可能从诸如子例程(subroutine)或者过程(procedure)这些名字里对函数概念有所了解. javascript函数是参数化的: ...
- javascript 函数介绍
javascript函数使用的时候,往往都比较单一,这里介绍几种不同于我们之前使用的函数调用方式! 1.函数表达式包含名称,用于递归 var f = function s(num) { if (num ...
- 第一百零二节,JavaScript函数
JavaScript函数 学习要点: 1.函数声明 2.return返回值 3.arguments对象 函数是定义一次但却可以调用或执行任意多次的一段JS代码.函数有时会有参数,即函数被调用时指定了值 ...
- 【JS小技巧】JavaScript 函数用作对象的隐藏问题
用户反馈 @消失的键盘 在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的 ...
- JavaScript函数之实际参数对象(arguments) / callee属性 / caller属性 / 递归调用 / 获取函数名称的方法
函数的作用域:调用对象 JavaScript中函数的主体是在局部作用域中执行的,该作用域不同于全局作用域.这个新的作用域是通过将调用对象添加到作用域链的头部而创建的(没怎么理解这句话,有理解的亲可以留 ...
- 【JS小技巧】JavaScript 函数用作对象的隐藏问题(F.ui.name)
用户反馈 @消失的键盘 在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的 ...
- 深入理解javascript函数系列第三篇
前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数 ...
- 【废弃】【WIP】JavaScript 函数
创建: 2017/10/09 更新: 2017/11/03 加上[wip] 废弃: 2019/02/19 重构此篇.原文归入废弃 增加[废弃中]标签与总体任务 结束: 2019/03/12 完成废弃 ...
随机推荐
- scvmm应答文件 无人值守安装系统
我们可以通过这种windows配置文件实现winpe.光盘等无人职守安装配置操作系统,在scvmm虚拟化平台中这种文件叫做应答文件. 下面为一个windows server 2008 r2的一个完整应 ...
- [Erlang05]gen_server怎么去写eunit?
Prework: 怎样写一个基本的Eunit? Doc. 1. 加入头文件:声明此模块以”_test”结尾的函数都是测试用,并在编译时自动在这个模块里加入test()函数(当然这个可以用宏来控制) - ...
- Windows7系统安装TensorFlow深度学习框架全过程
本来以为很好安装的一个东西,硬是从晚上九点搞到十二点,安装其实并不难,主要是目前网上的教程有很多方案完全不一样,有根据pip安装的,有根据docker安装的等等,看得我眼花缭乱,好不容易找到一个靠谱点 ...
- Inno Setup卸载时注销bho
Inno setup是一个制作安装包的免费工具,比如你用Qt开发完成一款软件,拿Inno setup打个安装包甩给客户安装就好了. 但是bho插件在注册后,万一用户卸载软件时,bho插件还是躺在管理加 ...
- CentOS下Docker与.netcore(三)之 三剑客之一Docker-Compose
CentOS下Docker与.netcore(一) 之 安装 CentOS下Docker与.netcore(二) 之 Dockerfile CentOS下Docker与.netcore(三)之 三剑客 ...
- 让子类使用父类的Logger
参考博客:https://blog.csdn.net/zx1323/article/details/71262613 1.让子类使用父类的Logger,这是一种语法思路,可以减少代码臃肿. 2.使用的 ...
- [BZOJ4530][Bjoi2014]大融合(LCT)
传送门 大佬们似乎都是用树剖+并查集优雅地A了此题 然后我太弱了,只能打打LCT的板子 虽然的确可以挺无脑的A掉…… 不过至少这题教了我该怎么维护LCT上虚子树的信息,具体看这里 首先,答案很明显是断 ...
- [独家] Adobe Flash 直接复制元件不改变原元件
正在考网页高级考证,然后会需要做Adobe Flash相关操作.在网上看了下,基本都是错误的.于是,自己研究解决该问题. 首先,你需要更改元件不改变原文件是不可能的. 所以: 1.你需要对原元件所在的 ...
- this指向的一个小总结
凡是在函数内部调用的函数的this的指向都是window 定时器,延时器this的指向都是window 在事件中一般情况下this的指向都指向当前的DOM对象 在对象函数中this的指向一般情况下都指 ...
- 浏览器性能接口performance.timing说明
原文来自于 https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html 下图描述了该接口的各个时间 ...