资讯专栏INFORMATION COLUMN

函数调用拾遗

kel / 1307人阅读

摘要:如果嵌套函数作为函数调用,指向全局对象或。构造函数调用在圆括号里包含实参列表,则先计算实参表达式,这与函数调用和方法调用是一致的。构造函数通常不使用,当执行完函数体后,会显示返回。其中可以用来间接调用函数。

函数调用总结

通常构成函数主题的JS代码在定义之时是不会被执行的,只有在调用函数是才会被执行
有4种方式可以调用JS函数

函数调用
//定义函数 factorial
function factorial(){
    if(x <= 1) return 1;
    return x * factorial(x-1);
}
var probability = factorial(5)

以函数形式调用的函数通常不适用this关键字

方法调用

方法调用和函数调用区别在于:调用上下文。
如果有一个 函数 f 和 对象 o
给o定义一个m()的方法

o.m = f

给对象o定义方法m(),调用时就像这样

o.m()

其中o就成为调用上下文,函数体可以使用关键字this引用该对象
一个具体的例子:

var calculator = {
    operand1 : 1;
    operand2 : 2;
    add : function(){
        this.result = this.operand1+this.operand2;
    }
};
calculator.add();//方法调用1+1的结果
calculate.result // => 2
this关键字

关键字this和变量不同,没有作用域的限制,嵌套的函数不会从调用他的函数中继承this
如果嵌套函数作为方法调用,this值指向调用它的对象。
如果嵌套函数作为函数调用,this指向全局对象或undefined
很多人误认为调用嵌套函数时this会指向调用外层函数的上下文。
如果你想这个外部函数的this值时,需要将this值保存在一个变量里,这个变量和内部函数都在同一作用域内。

var o = {
    m:function(){ //对象中的m()方法
        var self = this;//保存this值
        console.log(this === o);//true,this就是这个对象o
        f(); //调用辅助函数f()
        
        function f(){
            console.log(this === o);//false,this的值是全局对象或undefined
            console.log(this === o);//true,self指外部函数的this值
        }
    }
};
构造函数调用

构造函数调用与函数调用、方法调用在实参处理,调用上下文和返回值方面都有不同。

构造函数调用在圆括号里包含实参列表,则先计算实参表达式,这与函数调用和方法调用是一致的。
如果构造函数没有形参,JS构造函数调用语法是可以省略()的

var o = new Object();
var o = new Object;//等价

构造函数调用创建一个空对象,继承自构造函数prototype属性,构造函数试图初始这个新创建的对象,作为其调用的上下文,因此,构造函数可以使用this来引用这个新创建的对象。
构造函数通常不使用return,当执行完函数体后,会显示返回。

间接调用

JS函数也是对象,自然也有方法。
其中call(),apply()可以用来间接调用函数。这两个方法都支持显式调用所需this值

var args = [girl1, girl2];
var animal = new Animal();
Man.prototype.fuck.apply(animal, args);

我们可以将call(),apply()看作某个对象的方法,通过调用方法的形式来简介调用。
call和apply的第一个实参是要调用的函数的母对象,他是调用上下文,在函数体内可以通过this来获得引用。

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

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

相关文章

  • 函数调用拾遗

    摘要:如果嵌套函数作为函数调用,指向全局对象或。构造函数调用在圆括号里包含实参列表,则先计算实参表达式,这与函数调用和方法调用是一致的。构造函数通常不使用,当执行完函数体后,会显示返回。其中可以用来间接调用函数。 函数调用总结 通常构成函数主题的JS代码在定义之时是不会被执行的,只有在调用函数是才会被执行有4种方式可以调用JS函数 函数调用 //定义函数 factorial function...

    elisa.yang 评论0 收藏0
  • 前端技能拾遗

    摘要:本文主要是对自己前端知识遗漏点的总结和归纳,希望对大家有用,会持续更新的解释语言和编译型语言解释型语言与编译型语言的区别翻译时间的不同。命令会有变量声明提前的效果。硬绑定参考不同是返回对应函数,便于稍后调用则是立即调用。 本文主要是对自己前端知识遗漏点的总结和归纳,希望对大家有用,会持续更新的~ 解释语言和编译型语言 解释型语言与编译型语言的区别翻译时间的不同。编译型语言在程序执行之前...

    lyning 评论0 收藏0
  • 前端技能拾遗

    摘要:本文主要是对自己前端知识遗漏点的总结和归纳,希望对大家有用,会持续更新的解释语言和编译型语言解释型语言与编译型语言的区别翻译时间的不同。命令会有变量声明提前的效果。硬绑定参考不同是返回对应函数,便于稍后调用则是立即调用。 本文主要是对自己前端知识遗漏点的总结和归纳,希望对大家有用,会持续更新的~ 解释语言和编译型语言 解释型语言与编译型语言的区别翻译时间的不同。编译型语言在程序执行之前...

    Vultr 评论0 收藏0

发表评论

0条评论

kel

|高级讲师

TA的文章

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