JS封装类

js的语法概念中，本身没有类这一说法，今天学习了用JS来封装一个类，就为大家介绍一下封装类，这个方法可以更加方便地管理类的属性和方法。废话不多说，马上来干货。

就把人当成一个类，作为一个例子吧。

类嘛，自然就有属性与方法

function Person(name,sex,year,love,fn){ //注意类名要大写

　　this.name = name;
　　this.sex = sex;
　　this.year = year;
　　this.love = love;
　　this.fn = fn;//传一个函数进去
　　var security_para = "my";//私有属性

}

　　

//创建它的方法

Person.prototype = {
　　eat:function(){
　　　　console.log("hello,我是"+this.name+",我正在吃大餐");
　　},
　　walk:function(){
　　　　console.log("今年刚满"+this.year+",可以走得很快");
　　},
　　read:function(){
　　　　console.log("我是"+this.name+",我正在看书");
　　}
}

　　

欲传进去的函数

function sayHello(){
　　console.log("hello");
}

//定义与使用类

(1)新建一个类

var xiaoming = new Person("小明",'男','20','打篮球',sayHello);

var xiaofang = new Person("小芳",'女','18',‘看书’);

(2)使用类的属性与方法

console.log(xiaoming);

console.log(xiaofang);

xiaoming.eat();

xiaofang.read();

xiaoming.fn;

--------------------------------------------------------------------------

输出效果：

Person {name: "小明", sex: "男", year: "20", love: "打篮球", fn: function…}
Person {name: "小芳", sex: "女", year: "18", love: "看书", fn: undefined…}
hello,我是小明,我正在吃大餐
我是小芳,我正在看书
function sayHi(){
console.log("hello");
}

 

-------------------------------------------------------------------------

拓展资源：

发现有一个关于Js类与继承的详细资源：http://www.w3cfuns.com/blog-5465813-5405580.html