【原生js】js面向对象三大特征之封装笔记

所谓封装，就是把抽象出的属性和对属性的操作写到类的定义中，称为封装。

js中实现封装主要有两种封装（公开，私有）

function Person(name,sal){

    this.name=name; //公开

    var sal=sal;//私有



    this.showInfo=function(){ //公开

    window.alert(this.name+” ”+sal);

}



showInfo2(){ //把函数私有化.

    window.alert(“你好”+this.name+” ”+sal)

}

}

A.构造函数方式与原型方式给对象添加方法的区别

 1 //通过构造函数方式给对象添加方法

 2 function Dog(name){

 3     this.name=name;

 4     this.shout=function(){

 5         window.alert("小狗尖叫"+this.name);

 6     }

 7 }

 8 var dog1=new Dog("aa");

 9 var dog2=new Dog("bb");

10 if(dog1.shout==dog2.shout){

11     window.alert("相等");

12 }else{

13     window.alert("不相等");

14 }

15 

16 //会输出“不相等”

 1 //通过原型方式给对象添加方法

 2 function Dog(name){

 3     this.name=name;    

 4 }

 5 Dog.prototype.shout=function(){

 6     window.alert("小狗尖叫"+this.name);

 7 }

 8 var dog1=new Dog("aa");

 9 var dog2=new Dog("bb");

10 if(dog1.shout==dog2.shout){

11     window.alert("相等");

12 }else{

13     window.alert("不相等");

14 }

15 

16 //会输出“相等”

说明通过构造函数来分配成员方法，给每个对象分配一份独立的代码。这样的弊端就是如果对象实例有很多，那函数的资源占用就会很大，而且有可能造成内存泄漏。而原型法是大家共享同一份代码，就不会有那种弊端。

1.通过原型法分配的函数是所有对象共享的；

2.通过原型法分配的属性是独立的；

3.如果希望所有的对象使用同一个函数，最好实用原型法添加方法，这样比较节省内存。

4.

function Person(){

            

}



// 创建对象

var p1=new Person();

p1.say(); 

// 这时用原型法分配

Person.prototype.say=function(){

    window.alert("ok");

}



//这样执行会报错。p1.say()必须写到  prototype.say下方。

//说明 prototype方式是后置绑定

 

相关阅读： http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html