javascript笔记—面向对象

什么是对象：

对象是一个整体，对外提供一些操作。

什么是面向对象：

使用对象时，只关注对象提供的功能，不关注其内部细节，例如jquery

面向对象是一种通用思想，并非只有编程中能用，任何事情都可以用。

javascript中得面向对象：

面向对象编程（OOP）的特点：

抽象：抓住核心问题

封装：不考虑内部实现，只考虑功能使用

继承：从已有对象上，继承出新的对象

—多重继承

—多态

对象的组成：

—方法—函数：过程、动态的

—属性—变量：状态、静态的

用工厂方式构造对象：构造函数

<script> //用工厂方式构造对象 function createPerson(name,sex){ //构造函数 var obj = new Object(); obj.name = name; obj.sex = sex; obj.showName = function(){            alert(‘我的名字叫‘+this.name); }; obj.showSex = function(){            alert(‘我是‘+this.sex+‘的‘); }; return obj; }    var p1 = createPerson(‘blue‘,‘nan‘); p1.showName(); p1.showSex();</script>

工厂方式的缺点：

1、没有new

2、每个对象都有自己的函数，这是极其浪费资源的。

this：当前的方法，属于谁。

Array类：不具备实际的功能，只能用来构造对象

arr对象：真正有功能的东西，被类给构造出来

用prototype方式来解决工厂方式问题。

<script> var arr1 = new Array(12,5,8,4); var arr2 = new Array(44,5,6,7,8); Array.prototype.sum = function(){        var result = 0; var i = 0; for(i=0;i<this.length;i++){            result+=this[i]; }        return result; }; alert(arr1.sum()); alert(arr2.sum());</script>

原型的一个重要的功能（应用）：可以扩展系统的对象

<script> function Person(name,sex){        this.name = name; this.sex = sex; }; Person.prototype.showName = function(){        alert(this.name); }; Person.prototype.showSex = function(){        alert(this.sex); }; var p = new Person(‘blue‘,‘nan‘); p.showName(); p.showSex();</script>

实例：面向对象的选项卡

把面向过程的程序，改写成面向对象的形式

原则：不能有函数套函数的情况，但可以有全局变量

所有的代码都必须在window.onload里。