首页 >

JavaScript中办法调用详细介绍

web前端|js教程JavaScript中办法调用详细介绍
JavaScript,方法调用
web前端-js教程
这篇文章主要介绍了JavaScript中的方法调用详细介绍,JavaScript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”,需要的朋友可以参考下。
交友约爱源码,vscode范围内查找,ubuntu连接无线,Tomcat查jdk版本,羊毛爬虫脚本,php来源地址,铜仁网络推广seo优化公司,jquery 特效 网站,化工涂料 模板lzw
JavaScript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”。与普通的函数调用不同的是,在进行方法调用时,function中的this指代将发生变化 — this将指代用于调用该function的对象(该对象将成为方法调用的invocation context):
苹果影院网站源码,配置vscode头文件路径,ubuntu 快速建站,开启tomcat报404,爬虫异常监听,php 在线代码编辑器,呈贡县seo优化推广,网站的二维码,阿里大鱼 短信模板lzw
var x = 99;var sample = {  x:1,  act:function(a){    this.x = a*a;//assign value to sample's x, not global object's x.  }}sample.act(6);console.log(sample.x);//36console.log(x);//9

与访问对象中的property一样,除了使用点号操作符,JavaScript中还可以通过使用中括号操作符来进行方法调用:

时时彩 源码 套钱,ubuntu如何 配置ip,怎么访问自己的tomcat,爬虫收获季节,php做网页方法,什么样的内容是优质内容seolzw
//other ways to invoke methodsample["act"](7);console.log(sample.x);//4

对于JavaScript中的function,一个比较有趣的行为是可以在function中嵌入function(闭包)。在进行方法调用时,如果方法function中有嵌入的function,那么这个嵌入的function中的代码可以访问到外部的变量值:

//nested function can access variable outside of it.var y = 88;var sample2 = {  y:1,  act2:function(a){    this.y = inner();    function inner(){      return a*a;    }  }}sample2.act2(8);console.log(sample2.y);//64console.log(y);//88

不过,与直觉相反的是,嵌入function中的代码无法从外部继承this;也就是说,在嵌入的function中,this指代的并不是调用方法的对象,而是全局对象:

//nested function does not inherit "this". The "this" in nested function is global objectvar sample3 = {  act3:function(){    inner();    function inner(){      console.log(this);//window object    }  }}sample3.act3();

如果确实需要在嵌入function中访问到调用方法的对象,可以在外部function中将this值保存到一个变量中:

//pass "this" to nested functionvar sample4 = {  act4:function(){    var self = this;    inner();    function inner(){        console.log(self);//Object {act4=function()}    }  }}sample4.act4();

以上就是本章的全部内容,更多相关教学请访问JavaScript视频教学!


JavaScript中办法调用详细介绍
  • php方法调用模式与函数调用模式简例【PHP】
  • php方法调用模式与函数调用模式简例【PHP】 | php方法调用模式与函数调用模式简例【PHP】 ...

    JavaScript中办法调用详细介绍
  • javascript实现方法调用与方法触发小结
  • javascript实现方法调用与方法触发小结 | javascript实现方法调用与方法触发小结 ...

    JavaScript中办法调用详细介绍
  • 小程序中怎么进行父子组件传值和方法调用?(方法汇总)
  • 小程序中怎么进行父子组件传值和方法调用?(方法汇总) | 小程序中怎么进行父子组件传值和方法调用?(方法汇总) ...