您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

Javascript面向对象编程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

Javascript是一门很灵活的语言,允许我们模拟面向对象编程中的很多机机制。在JS中充分使用面向对象设计思想,可以极大限度的提升代码重用、降低模块间的偶合、更好的逻辑分层与并行开发。下面分几个步骤简单谈下我的理解。

一、数据类型与包装类

包装类 …… 类型名 …… 常见值 …… 分类

Number …… number …… 123.123 …… 基本数据类型

Boolean …… Boolean …… truefalse …… 基本数据类型

String …… string …… “hello world!” …… 基本数据类型

Object …… object …… {}[] …… 复合数据类型

Function …… function …… function(){} …… 特殊类型

…… undefined …… undefined、未定义  …… 小数据类型

…… null …… null …… 小数据类型

         内置类型与本文关系不大,不列出。

二、引用类型与值类型

引用类型:object function

值类型:numberbooleanstringnullundefined

三、new function(构造器)与prototype(原型)

关于prototype的设计模式就不多说了,网上很多介绍,以一个例子介绍一下js中使用new构造对象的过程。

function classname(){this.id=0;}   var v=new classname();

当使用function构造对象时,进行以下流程:

1、 查找classname的prototype,并进行浅拷贝。

2、  绑定this指针到拷贝来的对象。

3、  将this.constructor属性设置为classname。

[注:其实classname.prototype.constructor的值也被设置为classname,第六部分会说明]

4、  执行用户{}中的代码。

5、  返回this指针赋予左值v。

四、实现面向对象的三个基本特征

1、 封装

封装这个大家都明白,在js中,重点在于访问权限。在其他原生支持面向对象语言中,一般支持public、protected、private三个关键字来控制访问权限,但在js中,我们只能依靠复杂的作用域关系来控制:

function classname(a){

        var uid=a; //uin为模拟private,作用域为{},外部无法使用

        this.getuid=function(){return a;} //为uid提供一个外部只读接口 obj.getuid();

        this.setuid=function(val){a=val} //为uid提供一个外部可写接口obj.setuid(5);

this.id=uid; //id为模拟public   obj.id 使用

}

classname.prototype.func=function(){}; //模拟public方法 obj.func()调用

classname.stafunc=fun