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

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