最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript静态对象和构造函数的使用和公私问题_javascript技巧

来源:懂视网 责编:小采 时间:2020-11-27 20:47:28
文档

javascript静态对象和构造函数的使用和公私问题_javascript技巧

javascript静态对象和构造函数的使用和公私问题_javascript技巧:先看: 代码如下: var objJson={ op1:'objJson option1', fn1:function(){ alert(this.op1) } } 在这种形式的声明下,你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性,这没有问题。但是如果是这样: 代码如下: var o
推荐度:
导读javascript静态对象和构造函数的使用和公私问题_javascript技巧:先看: 代码如下: var objJson={ op1:'objJson option1', fn1:function(){ alert(this.op1) } } 在这种形式的声明下,你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性,这没有问题。但是如果是这样: 代码如下: var o

先看:
代码如下:
var objJson={
  op1:'objJson option1',
  fn1:function(){
    alert(this.op1)
  }
}

在这种形式的声明下,你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性,这没有问题。但是如果是这样:
代码如下:
var objFn=function(){
  this.op1='objFn.op1';
   this.op2=function(){
    alert(this.op1)
  };
}

那么如果你直接objFn.op1或者objFn.op2()来访问内部的属性的话,就不行了,因为这个时候他还不是个对象。
所以我们需要将他实例化
代码如下:
var inst=new objFn();
alert(inst.op1);
inst.op2();

这样就可以得到你想要的值了。
如果你想复制JSON形式的对象,很简单,但是有一个问题:
代码如下:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');

你会发现原来的对象中的op1的值也发生了改变。但是如果使用的第二种的对象声明的办法,那么修改只是在实例的内部,不会影响其他的实例。
所以像JSON这样的静态对象适合在写一些常用的库的时候使用,有他自己的命名空间,谁也不会干扰到谁,而且方便使用。
构造函数的"公有""私有"属性
我们将上面的构造函数做一个修改:
代码如下:
var objFn=function(){
  var pri1='私有变量';
  this.op1='公共变量';
  this.op2=function(){
    alert(pri1+','+this.op1);
  };
};
var o=new objFn();
alert(typeof o.pri1+','+typeof o.op1);//undefined,string
o.op2();//私有变量,公共变量

私有变量在对象外是不允许访问的,所有typeof以后是undefined。下面我们看看私有方法的访问:
代码如下:
var objFn=function(){
var pri1='私有变量';
var pri2=function(){
this.op2();
};
  this.op1='公共变量';
  this.op2=function(){
    alert(pri1+','+this.op1);
  };
   this.acPri=function(){
    pri2.call(this);
  };
};
var o=new objFn();
o.acPri();//私有变量,公共变量

注意到这里因为JavaScript的闭包特性,我们通过公有方法acPri()调用私有方法pri2的时候需要使用call将程序的上下文传递进去,不过就是这个看起来绕来绕去的太晕,可以稍稍的包装一下:
代码如下:
var objFn=function(){
var my=this;
var pri1='私有变量';
var pri2=function(){
my.op2();
};
  this.op1='公共变量';
   this.op2=function(){
    alert(pri1+','+this.op1);
  };
   this.acPri=function(){
    pri2.();
  };
};
var o=new objFn();
o.acPri();//私有变量,公共变量

当然最后的结果还是不变。
转载请保留以下信息
作者:北玉(tw:@rehawk)

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

javascript静态对象和构造函数的使用和公私问题_javascript技巧

javascript静态对象和构造函数的使用和公私问题_javascript技巧:先看: 代码如下: var objJson={ op1:'objJson option1', fn1:function(){ alert(this.op1) } } 在这种形式的声明下,你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性,这没有问题。但是如果是这样: 代码如下: var o
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top