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

JS封装类

标签：

原文地址：http://www.cnblogs.com/wenchunlong/p/4482276.html