前端中的面向对象（通俗向） |
您所在的位置：网站首页 › 怎样理解面向对象 › 前端中的面向对象（通俗向） |
前端中的面向对象（通俗向）
|
面向对象，面向过程， 面向数据 本篇主要说 前端中的面向对象。 一、对象：一切事物皆对象 电视、收音机、手机 eg: var new Date(); arr； 总结：不了解原理的情况下，就能使用其功能。 面向对象 不了解内部原理的结构，知道表面的各种操作（电视机按钮）。 对象你只管用,不用操心内部的具体实现 对象：万物皆对象 程序 - 对象：方便、为了提高生产率。 new Image() new Date() getFullYear() getMonth() new Array() length new Function() new RegExp()...二、面向对象的三大特点： 1、封装 2、继承 3、多态 三、写一个面向对象？ 对象组成部分： 1、属性(相当于变量) 变量 - 相对是自由的 属性 - 有所属 eg: var a = 12; alert(a) //变量：自由的，不属于任何人 var arr = [1,2,3,4,5]; arr.a = 12; arr.a++; alert(arr.a) //属性：不自由的，属于对象的。2、方法(相当于函数) eg: //函数 function aaa(){ alert('abc')； } //方法 var arr = [1,2,3,4,5]; arr.aaa = function(){ alert('bcd') } aaa(); arr.aaa()四、面向对象中的this. this:当前发生事件的对象() eg: var arr = [1,2,3,4,5]; arr.a = 12; arr.show = function(){ alert(this.a) } arr.show();this: 当前的方法属于谁 就指向谁 //局部函数里面的this指向window window.show = function(){ alert(this) }五、面向对象之造人 1、面向对象 - 造人 属性：物体的特征 静态的 方法：物体的行为 动态的2、面向对象的第一个小程序： 构造函数(就是函数) - 因用途得名 构造函数首字母必须大写 Object 几乎为空对象 3、设计模式： 工厂模式： 原料 obj 加工 属性、方法 出厂 return eg: var obj1 = new Object(); obj1.name = '帅蓝'; obj1.age = '24'; obj1.showName = function(){ alert('我的名字叫 '+this.name) } obj1.showAge = function(){ alert('我今年 '+this.age+' 岁了！') } obj1.showName(); obj1.showAge() eg: function createMan(name,age){ //原料 var obj = new Object(); //加工 obj.name = name; obj.age = age; obj.showName = function(){ alert('我的名字叫 '+this.name) } obj.showAge = function(){ alert('我今年 '+this.age+' 岁了！') } //出厂 return obj; } var oP = createMan('帅蓝','24'); oP.showAge();4、给工厂里面添加了一台高级的机器。 new: - 自动化 ①、帮你自动创建一个空对象并且赋值给this //this = new Object(); ②、帮你把this自动return出去 //return this ③、new后面跟的永远都是函数(构造函数) eg: function show(){ alert(this) } show() //window new show() //object eg: function createPerson(name,age){ //var obj = new Object(); this.name = name; this.age = age; this.showName = function(){ alert('我的名字叫 '+this.name) } this.showAge = function(){ alert('我今年 '+this.age+' 岁了！') } //return obj } var obj = new createPerson('帅蓝','24') obj.showName(); obj.showAge() var obj1 = new createPerson('帅蓝1','25') obj1.showName(); obj1.showAge()5、原型。 构造函数里面的方法不相等： 构造函数 - 类 prototype 原型 给一类物体添加东西 class eg: var arr = new Array(12,25,33,4,14,25); var arr1 = new Array(25,44,21,45,1,5); Array.prototype.sum = function(){ var num = 0; for(var i=0;i |
话不多说。
。【本文地址】