面向对象编程
面向对象的编程，那么是更符合人类所接触的世界的逻辑思维。
将一个系统划分为各个子系统，子系统又由各个模块构成，将每个模块，系统划分为一个个对象，给这些对象赋予某些角色（属性/功能/方法）。
伪面向对象编程语言 ---> 面向对象编程语言
1、创建对象的方式
(1) 字面量的方式
|
//字面量的形式 var student = { name:"蔡徐坤", type:"练习生", like:"唱跳rap篮球", rap:function(){ console.log("鸡你太美") } } console.log(student) student.rap() |
优点：写起来简单方便
缺点：如果要生成大量的类似的对象，那么将会写一堆重复的代码
(2) 工厂模式
优点：可以快速生成批量的对象
缺点：对象的同样的方法（函数），每创建一个对象，都会生成一个一模一样新的函数，所以会占内存
|
/工厂模式 function Student(name,type,like){ return { name:name, type:type, like:like, rap:function(){ console.log("鸡你太美") } } } var s1 = Student("蔡徐坤1","篮球运动员",'篮球') console.log(s1) |
(3) 构造函数创建对象
|
//构造函数 function Teacher(){ this.name = "苍老师"; this.type = "老师"; /*this.movies = function(){ console.log("拍电影") }*/ } //设置创建对象的原型函数 Teacher.prototype.movies = function(){ console.log("拍电影1") } //如果不用new来构建函数，那么就是一个普通的函数调用,并且this的指向是window //如果用了new,就会创建一个新的对象，并且将对象给到t1. var t1 =new Teacher() console.log(t1) |
原型链：原型上不断继承原型，从而形成原型链。
(4) ES6的class写法
|
//语法糖,ES6新增的语法。2015的新标准。es6 ==> EcmaScript 2015,2015发布的JavaScript的标准。 class Cat{ constructor(){ this.name = "波斯猫" } run(){ console.log("会跑") } say(){ console.log("喵喵喵") } } var c1 = new Cat() console.log(c1) |
继承extends
|
class cxk{ rap(){ console.log("鸡你太美") } } // var c1 = new Cat() // console.log(c1) class Cat extends cxk{ constructor(){ super()//super这个关键词，是调用继承的class的构造函数 this.name = "波斯猫" } run(){ console.log("会跑") } say(){ console.log("喵喵喵") } } var c1 = new Cat() console.log(c1) |