JavaScript面向对象编程基础原理
来源:互联网 发布:厨具淘宝店铺推荐 编辑:程序博客网 时间:2024/04/27 07:07
面向对象的程序设计思路和人们日常生活中处理问题的思路是相似的。在自然世界和社会生活中,一个复杂的事物总是由许多部分组成。譬如,一辆汽车是由发动机、底盘、车身和轮子等部件组成的;一套住房是由客厅、卧室、厨房和卫生间等组成的;一个学校由许多学院、行政科室和学生班级组成的。为了说明JavaScript是一门彻底的面向对象的语言,下面先讨论几个有关面向对象的概念。
1、对象
一切事物皆对象:客观世界中任何一个事物都可以看成一个对象(Object)。或者说,客观世界是由千万个对象组成。使用对象时,只关注对象提供的功能,不关注其内部的细节,比如JQuery。其次是构造函数。
2、面向对象特点
面向对象具有抽象性、封装性、继承性、多态性等特点。对象与对象之间使用消息通信,各自存在信息隐藏。
- 抽象性:抓住核心问题
- 封装性:把功能写出方法
- 继承性:对象方法和属性的继承
多态性:组件式的开发
3、对象的组成
- 方法—函数:过程、动态的
- 属性—变量:状态、静态的
面向对象仅仅是一个概念或者变成思想,它不应该依赖于某个语言存在。比如Java采用面向对象思想构造其语言,它实现了类、继承、派生、多态、接口等机制。但是这些机制,只是实现面向对象编程的一种手段,而非必须。
实际上,JavaScript语言是通过一种叫做原型(prototype)的方式来实现面向对象编程的。下面将用实例来了解面向对象的编程思想。
var a=5;alert(a);//变量:自由的。这里的a是一个自由的自由的变量var arr=[1,2,3];arr.b=6; //属性:有主的,b是属于arr这个对象的alert(arr.b);//6function aa(){ //函数:自由的。aa是自由的函数。 alert(123);}aa();//123arr.bb=function(){ //方法:属于某一个对象,bb属于arr数组的方法 alert(456);}arr.bb();//456//对象:是由属性和方法构成的,(其实就是挂载在某个对象上面的变量和函数)arr.length //属性arr.push();//方法
面向对象中构造函数的理解
function createPeople(name,sex){ //构造函数(类):专门构造对象的函数 var obj=new Object(); obj.name=name; obj.sex=sex; obj.showName=function(){ //方法 alert(this.name); } obj.showSex(){ //方法 alert(this.sex); } return obj;}//通过类创建一个或多个实例(对象)var obj1=createPeople('张三','男'); //通过createPeople类创建一个obj1对象(实例)obj1.showName();//张三,用法:对象名.方法名var obj2=createPeople('李四','女');obj2.showName();//李四obj2.showSex();//女
构造函数中的工厂模式
1、什么是工厂
- 原料
- 加工
- 出厂
2、工厂方式
- 用构造函数创建一个类
- 什么是类、对象(实例):模具和零件
function CreatPeople(name, sex) {//构造函数(类):专门构造对象的函数 //原料 //var obj = new Object(); //内部只要你加了new,系统会偷偷帮你添加空对象给this //var this=new Object(); //加工 this.name = name; this.sex = sex; this.showName = function() { //方法 alert(this.name); } this.showSex = function() { alert(this.sex); } //出厂:加了new后,系统偷偷帮你返回这个对象 //return obj; //return this;}var obj1=new CreatPeople('张三','男');//creatPeople:类,obj1:对象,实例//通过类创建一个实例(对象),创建多个实例obj1.showName(); //对象名.方法名 对象名.属性名var obj2=new CreatPeople('李四','男');obj2.showName();alert(obj1.showName==obj2.showName);//false,两个对象存储的单元地址不一样。当有多个实例对象的时候,会造成计算机类存的浪费。存在问题:1.没有new。类名首字母要大写;2.代码虽然封装了,但是在对象调用方法的过程中,其实是另外的一个代码段。浪费内存,造成系统资源的浪费。3.函数重复定义解决办法: 加new和this解决,加上new之后系统会自动创建了一个空白对象和自动返回了这个对象。
混合方式+原型构造函数
原则:
构造函数:加属性
原型:加方法
对象命名规范
类名首字母要大写
作用:弥补了工厂方式的不足function Creat(name,sex){//构造函数:加属性 //var this=new Object();//系统会自动添加对象 this.name=name; this.sex=sex; //return this;//系统会自动返回}//原型:加方法Creat.prototype.showName=function(){ alert(this.name);}Creat.prototype.showSex=function(){ alert(this.sex);}//使用:用类去创建实例var p1=new Creat('张三','男');var p2=new Creat('李四','男');p1.showName();//张三。对象名.方法名alert(p1.showName==p2.showName);//返回true。存储单元地址一样
阅读全文
0 0
- JavaScript面向对象编程基础原理
- javascript面向对象编程基础
- JavaScript面向对象编程基础
- javascript基础 面向对象编程
- javascript面向对象编程基础
- javascript基础编程の面向对象编程
- javascript面向对象编程的学习(基础)
- JavaScript面向对象编程(1)-- 基础
- javascript:面向对象编程基础:封装
- javascript:面向对象编程基础:继承
- javascript:面向对象编程基础:多态
- javascript 面向对象编程基础:继承
- javascript 面向对象编程基础 多态
- javascript 面向对象编程基础:封装
- javascript面向对象编程的学习(基础)
- JavaScript面向对象编程(1)-- 基础
- javascript 面向对象编程基础:封装
- JavaScript面向对象编程(1)-- 基础
- C语言 求一批整数中出现最多的个位数字
- MySQL Master High Available 源码篇
- 机器学习之logistic回归
- java中反射的学习总结
- 【学习资料】 python入门 零基础入门 学习资料整理
- JavaScript面向对象编程基础原理
- shiro的会话存储/持久化SessionDAO
- 欢迎来到Ubuntu的奇妙世界
- AngularJs与ReactJS优缺点&适用场景
- 【Sicily】1005. 最大和
- js面向对象编程
- 浅谈Angularjs的一些优势
- 10066--- java线程:互斥锁与读写锁
- MySQL行级锁、表级锁、页级锁详细介绍