js 对象外部访问或者调用问题
更新时间:2008年11月27日 14:08:00 作者:
造成楼主的模糊的其实是this指向的问题,你可以用alert出this看看,他们分别指向的是什么,相信您就会明白了!
在您写的那个c中的this其实指向的是c 而不是abc!
以下是我的代码:
<script>
abc = function(){
this.a;
this.b;
}
abc.prototype = {
getData:function(){
var c = function(num){
alert(num);
this.b = num;
}
c('12345');
},
clearData:function(){
this.getData();
alert(this.b);
}
}
var d = new abc();
d.clearData();
</script>
这部分中:
var c = function(num){
alert(num);
this.b = num;
}
c('12345');
我想把得到的num传给开始定义好的this.b; 但这样是不行的,不知怎么写一下可以? 现在的格式不能改,能改的只有 c = function(){ 这里边的东西}
可以这样理解:引用:
function functionName(arg){……};
functionName(argvalue);以这种形式使用函数,是大家最熟悉的。
“()”(括号)可以把包裹在其中的语句变成一个“名词”。引用:
(function(形参){函数体})把一个匿名函数包裹在括号里,使它对于代码的其他部分来说,就相当于是一个“名词”。
于是,引用:
(function(形参){函数体})(实参)就和上面最普通的引用:
函数名(实参)的用法一样容易理解了,是定义了一个匿名函数并且立即调用的意思。引用:
c = (function(which){return function(num){alert(num);which.b = num}})(this)定义了一个匿名函数并且立即调用,这个函数返回一个匿名函数,返回的函数被赋名为c。
这里把 this对象 作为实参传递给 形参which,就把 abc实例对象 的引用提供给内部的匿名函数了。
于是c就成为一个能够访问 abc实例对象 的函数了。
技术文,偶喜欢
也可以这样写
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
用bind方法
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
<script>
abc = function(){
this.a;
this.b;
}
abc.prototype = {
getData:function(){
var c = function(num){
alert(num);
this.b = num;
}
c('12345');
},
clearData:function(){
this.getData();
alert(this.b);
}
}
var d = new abc();
d.clearData();
</script>
这部分中:
var c = function(num){
alert(num);
this.b = num;
}
c('12345');
我想把得到的num传给开始定义好的this.b; 但这样是不行的,不知怎么写一下可以? 现在的格式不能改,能改的只有 c = function(){ 这里边的东西}
可以这样理解:引用:
function functionName(arg){……};
functionName(argvalue);以这种形式使用函数,是大家最熟悉的。
“()”(括号)可以把包裹在其中的语句变成一个“名词”。引用:
(function(形参){函数体})把一个匿名函数包裹在括号里,使它对于代码的其他部分来说,就相当于是一个“名词”。
于是,引用:
(function(形参){函数体})(实参)就和上面最普通的引用:
函数名(实参)的用法一样容易理解了,是定义了一个匿名函数并且立即调用的意思。引用:
c = (function(which){return function(num){alert(num);which.b = num}})(this)定义了一个匿名函数并且立即调用,这个函数返回一个匿名函数,返回的函数被赋名为c。
这里把 this对象 作为实参传递给 形参which,就把 abc实例对象 的引用提供给内部的匿名函数了。
于是c就成为一个能够访问 abc实例对象 的函数了。
技术文,偶喜欢
也可以这样写
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
用bind方法
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
JavaScript setinterval延迟一秒解决方案
这篇文章主要介绍了JavaScript setinterval延迟一秒解决方案,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09bootstrap daterangepicker汉化以及扩展功能
这篇文章主要为大家详细 介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06JavaScript中你不知道的Object.entries用法
大家应该都知道,Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致,这篇文章主要给大家介绍了关于JavaScript中你不知道的Object.entries用法的相关资料,需要的朋友可以参考下2021-10-10
最新评论