web前端|js教程
JS,函数,this,用法
web前端-js教程
本文实例讲述了JS函数this的用法。分享给大家供大家参考。具体如下:
仿9158 源码,有没有vscode程序代码,ubuntu自动恢复,tomcat关闭中被请求,爬虫配备电脑,php snmpwalk,福清有效的seo服务费lzw
在js中写函数时,很多用到this. this究竟是什么,this是个关键字,是个指针,指向执行环境作用域,也称之为上下文。
先说下函数吧,个人理解是函数是在语言中重复调用的代码块.
在JS里,把函数赋值给对象的属性时,称之为方法
如:
网络缓存机制源码,ubuntu欢迎信息,tomcat7编码原理,爬虫自动录入,php导出多个excel,万词霸屏一站式服务seo顾问lzw
var m={};m.title= itle;m.show=function(){alert(this.title)}m.show()
就是把函数作为对象m的方法来调用
这样的话,this指向的就是m这个对象.
官方滑稽网源码,vscode查找ts引用,ubuntu网关异常,tomcat高访问,sqlite查询重复数据,通用爬虫可以选择性的,js执行php代码,网店如何引流seo,如何查看网站的系统源码,网页代码怎么挂的,跨境电商客服模板lzw
直接调函数名的叫函数:
var a=1212;function show(){alert(a)//1212}show()// 1212
在全局环境里,可以把全局变量理解为window的属性,全局函数为window的方法
看下面的例子:
var m ={};m.id=mmm;m.show=function(){ alert(this.id);}var a={};a.id=aaa;a.show=m.show;a.show(); //aaaa.show=m.show; 先理解这句话,因为函数是个对象,m.show=function(){ alert(this.id)}
这表达式相当于a.show 与m.show同时引用指向
function(){ alert(this.id)}
其实相当于
a.show=function(){ alert(this.id)}
所以调用a.show()时,this指向的是a对象,
再看以下一个栗子
var m ={};m.id=mmmm.show=function(){ alert(this.id)}var a={}a.id=aaaa.show=function(){ m.show()};a.show(); //mmm
所以调用a.show()时,相当于调用了m.show()的方法,所以this.指向的是m对象。
再看以下一个例子,一开始还是不很懂
var color= ed;var app = {};app.color="green";app.paint=function(node){node.style.color=this.color; alert(this.color);}function findNode(callback){ var btn =document.querySelector(.btn); callback(btn);//传进来,}findNode(app.paint);alert(this.color); //red 而不是green
函数传参时,是按值传参的,而不是引用
所以findNode(app.paint);传进来时,其实是
function(node){ node.style.color=this.color; alert(this.color);}
的引用,又因为findNode是全局定义的,所以this指向WINDOW OR UNDEFINED;
关于传参,按值传递过去的
function show(a){ alert(a)}
参数为基本数据类型时好理解
var b=10;show(b)//alert(10);
至于对象
var c ={};c.prop=true;var showProp=function(obj){obj.prop=false}showProp(c); //c.prop = false
有些人觉得是上面例子是按引用传参
其实上面还是按值传参,showProp(c)把c传进函数里时,c其实相当于一个引用, 函数里对obj.prop=false,相当于对引用的对象 改成{prop:false}
再看下面一例子
var c ={};c.prop=true;var showProp=function(obj){ obj = new Object(); obj.prop=false return obj;}showProp(c);alert(c.prop); //true
这里明明把传入obj修改了,如果按照函数按引用传参,函数里面的修改肯定会反映到外部