1、JS封装就是尽量把使用的方式简单化，部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值，其他条件尽量不要使用人员进行设置。

2、JS封装的方法有函数方式、对象的方式、闭包的方式。

举例

1）函数方式
function kk(a,b){
   部对a，b怎么处理就不需要关心了
}

2）对象方式
function kk(a,b){
   this.x = a;
   this.y = b;
}
var k = new kk(1,2);//通过面向对象的方式
alert(k.x);
3）闭包方式
function kk(a,b){
   var k = 1;
   return function tt(){
      k++;
   }
}
var u = kk(1,2);
u();//闭包实现累加
u();//闭包实现累加

funtion test(obj)
{
obj.onblur=function(){
if(!obj.value.match(re)){ obj.style.border='1px solid red';}
else{obj.style.border='';}
}

}

test(oIpt1);test(oIpt2);test(oIpt3);

定义函数,又叫声明函数,封装函数。定义函数的三个要素:功能,参数,返回值。

1、JS封装就是尽量把使用的方式简单化，部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值，其他条件尽量不要使用人员进行设置。

2、JS封装的方法有函数方式、对象的方式、闭包的方式。

举例

1）函数方式
function kk(a,b){
   部对a，b怎么处理就不需要关心了
}

2）对象方式
function kk(a,b){
   this.x = a;
   this.y = b;
}
var k = new kk(1,2);//通过面向对象的方式
alert(k.x);
3）闭包方式
function kk(a,b){
   var k = 1;
   return function tt(){
      k++;
   }
}
var u = kk(1,2);
u();//闭包实现累加
u();//闭包实现累加

1、JS封装就是尽量把使用的方式简单化，部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值，其他条件尽量不要使用人员进行设置。

2、JS封装的方法有函数方式、对象的方式、闭包的方式。

举例

1）函数方式
function kk(a,b){
   部对a，b怎么处理就不需要关心了
}

2）对象方式
function kk(a,b){
   this.x = a;
   this.y = b;
}
var k = new kk(1,2);//通过面向对象的方式
alert(k.x);
3）闭包方式
function kk(a,b){
   var k = 1;
   return function tt(){
      k++;
   }
}
var u = kk(1,2);
u();//闭包实现累加
u();//闭包实现累加

方法/步骤

1. 1

   方法调用模式：先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject 对象。var blogInfo={　　blogId:123,　　blogName:werwr,　　showBlog:function(){alert(this.blogId);}};

   blogInfo.showBlog();

   

2. 2

   函数调用模式定义一个函数，设置一个变量名保存函数，这时this指向到window对象。

   var myfunc = function(a,b){　　return a+b;}

   alert(myfunc(3,4))。

   

3. 3

   构造器调用模式定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。var myfunc = function(a){　　this.a = a;};myfunc.prototype = {　　show:function(){alert(this.a);}}

   var newfunc = new myfunc(123123123);newfunc.show();

   

4. 4

   对象属性的封装（公有和私有） 

   以例子来说明 

   function List(){ 

   var m_elements=[]; //私有成员，在对象外无法访问，如果此处无var声明，则m_elements将变成全局变量，这样外部是可以直接访问到的，如alert(m_elements[0]) 

   m_elements=Array.apply(m_elements,arguments); 

   //此处模拟getter，使用时alist.length; 

   //等价于getName()方式：this.length=function(){return m_elements.length;}。

   

5. 5

   四，属性和方法的类型 

   javascript里，对象的属性和方法支持4种不同的类型：private property(私有属性)，dynamic public 

   
   

   property(动态公有属性)，static public property/prototype property(静态公有属性或原型属性)， 

   static property(静态属性或类属性)。私有属性对外界完全不具备访问性，可以通过内部的getter和 

   
   

   setter（都是模拟）；动态公有属性外界可以访问，每个对象实例持有一个副本，不会相互影响；原型 

   属性每个对象实例共享唯一副本；类属性不作为实例的属性，只作为类的属性。

   

方法调用模式：先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject 对象。var blogInfo={　　blogId:123,　　blogName:werwr,　　showBlog:function(){alert(this.blogId);}};

blogInfo.showBlog();

函数调用模式定义一个函数，设置一个变量名保存函数，这时this指向到window对象。

var myfunc = function(a,b){　　return a+b;}

alert(myfunc(3,4))。

构造器调用模式定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。var myfunc = function(a){　　this.a = a;};myfunc.prototype = {　　show:function(){alert(this.a);}}

var newfunc = new myfunc(123123123);newfunc.show();

对象属性的封装（公有和私有） 

以例子来说明 

function List(){ 

var m_elements=[]; //私有成员，在对象外无法访问，如果此处无var声明，则m_elements将变成全局变量，这样外部是可以直接访问到的，如alert(m_elements[0]) 

m_elements=Array.apply(m_elements,arguments); 

//此处模拟getter，使用时alist.length; 

//等价于getName()方式：this.length=function(){return m_elements.length;}。

四，属性和方法的类型 

javascript里，对象的属性和方法支持4种不同的类型：private property(私有属性)，dynamic public 

property(动态公有属性)，static public property/prototype property(静态公有属性或原型属性)， 

static property(静态属性或类属性)。私有属性对外界完全不具备访问性，可以通过内部的getter和 

setter（都是模拟）；动态公有属性外界可以访问，每个对象实例持有一个副本，不会相互影响；原型 

属性每个对象实例共享唯一副本；类属性不作为实例的属性，只作为类的属性。