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