[Object]继承（经典版）（五）封装

最新推荐文章于 2022-04-19 11:12:12 发布

原创最新推荐文章于 2022-04-19 11:12:12 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#封装

Web前端-JS语言核心专栏收录该内容

50 篇文章

订阅专栏

本文通过具体示例介绍JavaScript中的封装和继承实现方法，包括如何使用闭包创建私有属性和方法，以及如何通过原型链实现继承。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：zccst

封装已经上升到写插件的水平了，与多重继承属于同一个高度，来共同完成实际工作中的挑战。

1，封装


var Person = (function(){
    //定义私有方法,相当于private方法，只能在内部访问
    function hello(){
        alert('hello world!');
    }
    return function(){
        //定义私有属性，相当于private属性，只能在公有方法内部访问
        var name,age;
        //定义公有方法，相当于public方法，可以在类的实例中方法
        this.getName = function(){
            return name;
        };
        this.setName = function(newName){
            name = newName;
        };
        this.getAge = function(){
            return age;
        }
        this.setAge = function(newAge){
            age = newAge;
        };
        this.say = hello;
        this.introduce = function(){
            alert('my name is :'+this.getName());
        }
    }
})();

var p = new Person();
p.say(); //hello world
p.setName('xiaoming');
p.introduce(); //my name is : xiaoming

//批注：Person本质上是return的那个函数，里面定义了一堆的get和set方法，然后还有私有变量和私有方法。
//其实私有方法，按照下面的定义方式也一样
function Person(){
	var name, age;//私有变量
	var method1 = function(){};//私有方法
	var method2 = function(){};

	this.name = name;//实例变量
	this.sayName = function(){//实例方法
		alert(this.name);
	}
}

//另外：共有变量跟Person构造函数没关系，静态变量跟继承没关系

在JavaScript模式中，也叫即时函数，即定义完立即执行，并返回一个函数。
再慢慢补充细节吧

2，封装+继承


var Person = (function(){
    //定义私有方法
    function hello(){
        console.log('hello world!');
    }
    return function(){
        //定义私有属性，相当于private属性
        var name,age;
        //定义公有方法，相当于public方法
        this.getName = function(){
			//console.log(name);
            return name;
        };
        this.setName = function(newName){
            name = newName;
        };
        this.getAge = function(){
            //console.log(age);
			return age;
        }
        this.setAge = function(newAge){
            age = newAge;
        };
        this.say = hello;
        this.introduce = function(){
            alert('my name is :'+this.getName());
        }
    }
})();

Person.prototype.protoSay = function(){
    this.say();//在原型对象的方法里调用实例方法？？？
}

var Student = function(){
    Person.call(this);
}
for(var i in Person.prototype){Student.prototype[i] = Person.prototype[i]}

var s = new Student();
console.log(s);//打印结果如下：
////getAge: function (){
////getName: function (){
////introduce: function (){
////say: function hello(){
////setAge: function (newAge){
////setName: function (newName){
////__proto__: Object
s.setName('xiaoli');
s.getName();//xiaoli
//s.protoSay();//helloworld

var p = new Person();
console.log(p);
p.protoSay()

里面牵扯到一个问题：原型方法能调用实例方法？
详见：[url]http://zccst.iteye.com/blog/2077566[/url]

如果您觉得本文的内容对您的学习有所帮助，您可以微信：
[img]http://dl2.iteye.com/upload/attachment/0109/0668/fb266dfa-95ca-3d09-b41e-5f04a19ba9a1.png[/img]