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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。