您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-10 00:30 PHP学习

javascript怎么调用函数?

函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数。函数中有两个特殊的内部属性:arguments和this。

arguments主要是用来保存函数参数,arguments中的callee属性主要是用来指向拥有当前arguments的函数(理解Javascript参数中的arguments对象)。

四种调用函数的方式:函数调用模式、方法调用模式、构造器模式、apply\call模式.

1、直接调用函数的方式,this指向的全局对象window。

实例1:

函数声明

function add(a,b) {
    return a+b;
}
 
console.log(add(1,2));

实例2:

函数表达式

var add=function (a,b) {
    return a+b;
}
 
console.log(add(1,2));

2、函数作为对象的方法调用,this指向当前的对象.

实例1:

var o = {
    prop: 21,
    f:function() {
        return this.prop;
    }
};
 
console.log(o.f());

实例2

var o = {
    prop: 21,
};
 
function f() {
        return this.prop;
}
 
o.f = f;
console.log(o.f());//21

3、通过new调用构造器的方式,this指向当前构造函数的原型.

实例1:

返回this对象给o

function MyClass() {
    this.a = 21;
}
 
var o = new MyClass();
console.log(o.a);//21

实例2:

如果有return,则返回return的结果,如果没有就会返回this。

function MyClass() {
    this.a = 21;
    return {a:22};
}
 
var o = new MyClass();
console.log(o.a);//22

4、通过apply或call的方式,这两个的第一参数即this,当第一个参数为null,this指向window;当第一个参数为一个对象,this就指向当前这个对象。

以上就是javascript怎么调用函数?的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:HTML相对路径怎么写

下一篇:下一篇:CSS单位之pt和px的区别是什么