动态html用什么调用函数,javascript怎么调用函数?

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

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

a3fd5c7293413259c35110e9cf65fa08.png

四种调用函数的方式:函数调用模式、方法调用模式、构造器模式、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());

实例2var o = {

prop: 21,

};

function f() {

return this.prop;

}

o.f = f;

console.log(o.f());//21

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

实例1:

返回this对象给ofunction 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就指向当前这个对象。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值