JavaScript入门之基本函数详解(3)

var obj = {
id : "obj1"
}

obj.func = add;//赋值为obj对象的属性
obj.func(2, 3);//返回5


事实上,这个例子与上个例子的本质上是一样的,第一个例子中的a变量,事实上是全局对象(如果在客户端环境中,表示为window对象)的一个属性。而第二个例子则为obj对象,由于我们很少直接的引用全局对象,就分开来描述。

作为参数传递:

//高级打印函数的第二个版本
function adPrint2(str, handler){
print(handler(str));
}

//将字符串转换为大写形式,并返回
function up(str){
return str.toUpperCase();
}

//将字符串转换为小写形式,并返回
function low(str){
return str.toLowerCase();
}

adPrint2("Hello, world", up);
adPrint2("Hello, world", low);
运行此片段,可以得到这样的结果:

HELLO, WORLD
hello, world

应该注意到,函数adPrint2的第二个参数,事实上是一个函数,将这个处理函数作为参数传入,在adPrint2的内部,仍然可以调用这个函数,这个特点在很多地方都是有用的,特别是,当我们想要处理一些对象,但是又不确定以何种形式来处理,则完全可以将“处理方式”作为一个抽象的粒度来进行包装(即函数)。

作为函数的返回值:

先来看一个最简单的例子:

复制代码 代码如下:

function currying(){
return function(){
print("curring");
}
}


函数currying返回一个匿名函数,这个匿名函数会打印”curring”,简单的调用currying()会得到下面的结果:

复制代码 代码如下:

function (){
print("curring");
}


如果要调用currying返回的这个匿名函数,需要这样:

currying()();
第一个括号操作,表示调用currying本身,此时返回值为函数,第二个括号操作符调用这个返回值,则会得到这样的结果:

currying

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjxyp.html