javascript函数调用方式简单介绍

快乐打工仔 分类:实例代码

本章节介绍一下javascript中调用函数的几种方式。

调用方式的不同,函数中this的指向也有所不同,需要的朋友可以做一下参考。

一.普通方式调用函数:

function func(){
  console.log(this===window);
}
func();

这时候this是指向window对象的,但是在严格模式下并非如此。

严格模式可以参阅严格模式下this的指向问题一章节。

二.对象方法方式调用:

这时候函数是一个对象的成员,通常我们称这样的函数为方法。

var obj={
  webName:"犀牛前端部落",
  func:function(){
    console.log(this.webName);
  }
}
obj.func();

this指向调用它的对象。

三.使用new调用函数:

这时候我们称之为构造函数。

function func(webName,url){
  this.webName=webName;
  this.url=url;
}
var antzone=new func("犀牛前端部落","www.pipipi.net");
console.log(antzone.webName);

关于new的作用可以参阅javascript new一章节。

四.apply()/call() 调用模式:

使用这两个方法可以改变函数的调用对象。

具体可以参阅js call()一章节。

javascript函数调用方式简单介绍,这样的场景在实际项目中还是用的比较多的,关于javascript函数调用方式简单介绍就介绍到这了。

javascript函数调用方式简单介绍属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容