Javascript之面向对象
2017-06-27 19:37
232 查看
一 什么是是对象?
1.万物皆对象, 如JS中的基本数据类型如number,bool,字符串,数组,null,undefined等等都是对象;
二 那什么是面向对象?
面向对象有两层理解:
第一层就是肤浅的懂得使用它,就像你懂得使用空调但不需要理解其运作的原理
第二层你能建立一个对象;
三 面向对象有什么特性?面向对象又什么构成?
抽象 封装 继承 (还有多态);
由属性和方法构成;
四 什么是抽象?什么是封装?什么是继承?什么是属性和方法?
1.抽象指的并不是艺术上的抽象,而是值抽取关键的部分(对象);抓住核心的问题;
2.封装:将属性和方法封装成类;
3.继承:从已有的对象中继承出新的属性和方法;
4.什么是属性和方法?
属性和方法简单的说就是指向某个对象的变量和函数(挂载在某个对象下的变量和函数);
1.万物皆对象, 如JS中的基本数据类型如number,bool,字符串,数组,null,undefined等等都是对象;
二 那什么是面向对象?
面向对象有两层理解:
第一层就是肤浅的懂得使用它,就像你懂得使用空调但不需要理解其运作的原理
第二层你能建立一个对象;
三 面向对象有什么特性?面向对象又什么构成?
抽象 封装 继承 (还有多态);
由属性和方法构成;
四 什么是抽象?什么是封装?什么是继承?什么是属性和方法?
1.抽象指的并不是艺术上的抽象,而是值抽取关键的部分(对象);抓住核心的问题;
2.封装:将属性和方法封装成类;
3.继承:从已有的对象中继承出新的属性和方法;
4.什么是属性和方法?
属性和方法简单的说就是指向某个对象的变量和函数(挂载在某个对象下的变量和函数);
var a=0; //这是一个变量,自由的不属于任何人; var arr=[1,2,5,9]; arr.a; //这是一个属性; 属于一个对象 //同样的 function sum(){ alert(1); }//这是一个函数 不属于任何人 arr.sum=function(){ alert(1) }//这是一个方法 属于一个对象 arr
//在举一个例子我们来构造一个函数 例如人就是一个对象 拥有的属性有 姓名 性别 年龄等; var people=new Object(); //我们来新建一个对象 Object()是个无空对象,无实际意义,不像Array()那些; people.name='张三'; //对象的名字为张三这是他的属性; people.sex='男'; //对象的性别为男性; people.showName=function(){ alert(people.name); } //然后我们来执行一件事展示他的名字 这样的函数就是方法 跟挂载在对象下面; //当然我们为了多次使用 就得把他封装成一个函数 如下: function creatPeople(name, sex) { //这种函数就叫构造函数(类) :专门构造对象的函数; var obj = new Object(); //空对象 obj.name = name; //属性 obj.sex = sex; //方法 obj.showName = function() { alert(this.name); } obj.showSex = function() { `1 alert(this.sex); } return obj } var obj1=creatPeople('张三','男'); var obj2=creatPeople('李四','女'); //这样就像我们经常用的封装函数; //但是这样子有两个问题:问题一1.没有new ; //2.代码虽然封装了,但是在对象调用的方法的过程中其实是另一个代码段.浪费内存,造成系统资源的浪费 obj1.name!=obj2.name;说明并没有执行同一段函数当输出确实相同的; //那我们来改写一下 function CreatPeople(name, sex) { //构造函数(类) :专门构造对象的函 // var this=new Object() 系统会帮你创建一个对象this 指向调用它的实例(实例指的就是对象,这里指的是下面obj); this.name = name; //属性 this.sex = sex; //方法 this.showName = function() { alert(this.name); } this.showSex = function() { alert(this.sex); } } var obj=new CreatPeople('张三','男'); var obj1=new CreatPeople('李四','女'); //这样子的话 没有new的问题就解决了但是第二个问题依旧还没有解决 两者依旧不相等 //要解决这个问题我们需要用到另外一个东西 原型prototype; //原型的作用是使您有能力向对象添加属性和方法。 //改写后的代码如下 function CreatPeople(name, sex) { //构造函数(类) :专门构造对象的函数00 // var this=new Object() this.name = name; //属性 this.sex = sex; //方法 } CreatPeople.prototype.showName = function() { alert(this.name); } CreatPeople.prototype.showSex = function() { alert(this.sex); } var obj=new CreatPeople('张三','男'); var obj2=new CreatPeople('李四','女'); alert(obj.showName==obj2.showName); //这样第二个问题也得到了解决<
4000
/pre>
相关文章推荐
- Javascript之面向对象--接口
- JavaScript中的面向对象(二)
- JavaScript面向对象OOP思想Class系统
- javascript面向对象(二)
- JavaScript面向对象的支持(6)
- Javascript高级技术篇(2): 深入理解面向对象
- 2--理解并学习javascript中的面向对象(OOP)(续)
- JavaScript高级程序设计笔记-面向对象的编程
- javascript 面向对象的基本概念及示例
- javascript开发:javascript面向对象、创建对象总结
- javascript面向对象的5种写法
- 面向对象的JavaScript及HTML5
- 面向对象的javascript(笔记)
- Javascript面向对象及组件详细介绍(五)原型链
- [转载]javascript 的面向对象特性参考
- 领悟 JavaScript 中的面向对象
- javascript中的对象,原型,原型链和面向对象
- 转载--Javascript面向对象详解
- javascript高级程序员必须要懂的-----面向对象的思想
- 关于javascript面向对象的一点思考