浅谈函数调用的不同方式,以及this的指向

网络编程 2024/11/19 佚名

3 1 2

一、函数的调用方式

1.作为函数，一种直接易懂的方式（即函数调用模式）。

2.作为方法，方法是连接在对象上的，被这个对象调用，这种形式就是面向对象编程。

3.作为构造器，在构造的过程中一个新的对象被创建出来。

4.经由函数的apply或者call方法。

二、函数参数

1.传入参数

（1）传入变量多于函数定义变量。

（2）函数定义变量多余传入变量，多出来的变量是undefined

2.函数在被调用的时候，隐形的传入两个参数argument和this（即argument和this被悄悄传入函数，作用在函数的作用域中）。

（1）argument：函数调用时传入函数的变量集合（有arguemnt.length属性）

eg：argument[0]指的是传入函数的第一个参数

（2）this关联一个对象。

根据调用方式的不同，this的指向也不同。因此this为调用的上下文（invocation context）。

三、this的指向

1.函数调用模式（this->window）

这个函数并不属于任何对象的属性。

function fn1(){
 //some code
}
fn1();
或着：
var fn2=function(){
 //some code
}
fn2();
使用这种方式调用函数，函数的上下文是全局上下文（global context即window）。this->window。

2.方法调用模式 (this->方法所属的对象)

这个函数是一个对象的属性，当这个函数被调用时，这个函数被视为这个对象的一个方法。

var obj={
 //some code;
};
obj.getname=function(){
 //some name
}
obj.getname();
函数的上下文是这个对象（例子中的 obj）。this->obj

3.构造器调用模式（this->创建的新对象）

函数被作为构造器调用时有以下特点：

一个新的对象被创建出来；

这个新的对象被传递给这个构造器作为this参数，也就是说这个新的对象是构造器函数的上下文；

如果没有显性的return语句，这个新的对象会被隐式的return（就是悄咪咪的被return了），并成为这个构造器的值。

function Fn(){
 this.a=function(){
   return this;
 }
}
var n=new Fn();
console.log(n.a());//Fn{a:f}
console.log(n);//fn{a:f}
//此例中，构造了一个构造函数Fn((),利用new关键字调用时一个空的对象被创建出来，并传递到函数中作为this存在。this-Fn(新的)
//这个构造器同时创建了a属性，并将此属性作为一个方法赋予给它创建出新对象的实例。

4.apply()获得call()方法（this->可以是我们指定的任何对象）

（1）apply()，两个参数。第一个参数：用于作为函数上下文的对象。第二个参数：一个参数数组。

（2）call()，两个参数。第一个参数：用于作为函数上下文的对象。第二个参数：argument list。

call()和apply()多用于函数回调。

function circle(list,calback){
 for(var i=0;i<list.length;i++){
   calback.call(list[i],i);
 }
}
var list=['a','b','c'];
circle(list,function(index){
 console.log(index);//0，1，2(即传进来的i值)
 console.log(this);//a，b，c(call的第一个参数)
});
//this->call()传递进来的第一个参数。

以上这篇浅谈函数调用的不同方式,以及this的指向就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

函数调用方式

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“浅谈函数调用的不同方式,以及this的指向”

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年11月19日

浅谈函数调用的不同方式,以及this的指向

基于Node.js模板引擎教程-jade速学与实战1

基于Bootstrap框架菜鸟入门教程(推荐)

评论“浅谈函数调用的不同方式,以及this的指向”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接