JavaScript面象对象设计_js面向对象

新一篇: JavaScript中字符串相等比较
面象对象的应用是相当广泛的,在桌面编程中很早就出现了,应用比较成熟,象C++,Java,C#等。而在Web编程这一块,出现就要晚得多,以致于现在的Web开发很困难,当然也有Web开发牵涉的技术多的原因。近年来,面向对象逐渐在Web开发中被引入。很多大型的网站是采用PHP开发的,PHP 4中面向对象的还不是很完善,在PHP 5中有所改进。.Net也面向对象,但执行效率比不上PHP。

JavaScript在Web开发中用得也是相当多的,常用的表单验证很多是用它来完成的。JavaScript做为一门脚本语言,没有专门的IDE开发环境,也没有好的调试工具,发展是相当缓慢的,一直以来都没有得人们的关注。直到Ajax的出现,才给它带来了生机。也让人们真正看到了它与其它技术给合所带来的效果。

JavaScript是包含面象对象在里面的,只是在应用当中没有普及罢了。

看个简单的例子:

定义CTest类 // CTest.js
function CTest()
{
    this.m_sStr = "";
    this.Input = CTest_Input;
    this.Output = CTest_Output;

    function CTest_Input(str)
    {
        this.m_sStr = str;
    }
    function CTest_Output()
    {
        alert(this.m_sStr);
    }
}
使用方法 <!-- CTest.html -->
<script type="text/javascript" src="CTest.js"></script>
<script type="text/javascript">
var g_CTest = g_CTest = new CTest();
g_CTest.Input("Hello! Welcome to my Blog!");
g_CTest.Output();
</script>

是不是很象C++,用起来是不是要方便多了。

时间: 2025-01-28 07:09:23

JavaScript面象对象设计_js面向对象的相关文章

javascript复制对象使用说明_js面向对象

oldObj是一个对象,而不是值 例如var newObj=oldObj; 如果想oldObj改变的时候不影响到newObj: 可以这样写一个函数 复制代码 代码如下: function clone(myObj){ if(typeof(myObj) != 'object') return myObj; if(myObj == null) return myObj; var myNewObj = new Object(); for(var i in myObj) myNewObj[i] = clo

Javascript 面向对象 对象(Object)_js面向对象

javascript中的对象创建声明: var obj = {}; 或者 var obj = new Object(); 为对象加入属性,方法: //=====第一种写法==================================== obj.name = '小明'; //为对象加属性 obj.updateName = function(name){//为对象定义updateName方法 this.name = name; } alert(obj.name); obj.updateNam

JavaScript之信息的封装 js对象入门_js面向对象

JavaScript之信息的封装 在编码前,我们需要了解如下几个术语:封装:对内部数据的表现形式和实施细节进行隐藏: 私有属性和方法:外界只能通过其公开的接口与其进行存取和交互 作用域:JavaScript中,只有函数具有作用域,函数内部定义的属性和方法在外部无法访问 特权方法:声明在函数内部,能访问函数内部变量(属性)的方法,比较耗费内存: 复制代码 代码如下: function Person() { /* * 声明私有的数据 * 昵称,年龄,邮箱 */ var nickName, age,

一个cssQuery对象 javascript脚本实现代码_js面向对象

复制代码 代码如下: /** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用于存储当前节点的父节点的引用 parent: document, select: function(selectorStr){ var selectors=selectorStr.split(" "); //分隔字符串 for (var i = 0, len = selectors.length; i < len; i++

JavaScript 继承使用分析_js面向对象

深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类继承而来的类 javascript对象继承通常有下面的5种方式: 1.对象冒充 2.call()方式 3.apply()方式 4.原型链 5.混合方式 A.对象冒充 所谓对象冒充,就是新的类冒充旧的类(旧的类必须采用构造函数方式),从而达到继承目的. eg.1 复制代码 代

面向对象的javascript(笔记)_js面向对象

一.引用 复制代码 代码如下: //产生一个数组对象 var items = new Array('1','2','3'); //使一个引用指向该对象 var itemRef = items; items.push('4'); //items 与 itemRef指向同一对象 alert(items.length === itemRef.length); // 修改对象会产生一个新对象 var item = 'test'; var itemRef = item; item+='ing'; //此时

Javascript面象对象成员、共享成员变量实验_javascript技巧

1)Javascript对象成员实验: 复制代码 代码如下: var f = function d() { this.a = "a";/*这句运行后不存在f.a也不存在d.a存在一个window.a*/ var b = "b";/*局部变量*/ }; var o = { ff: function () { var a = "a"; /*局部变量*/ this.b = "b"; /*这句运行后存在o.b*/ } }; funct

一个简单的javascript类定义例子_js面向对象

复制代码 代码如下: <script> //定义一个javascript类 function JsClass(privateParam/* */,publicParam){//构造函数 var priMember = privateParam; //私有变量 this.pubMember = publicParam; //公共变量 //定义私有方法 function priMethod(){ return "priMethod()"; } //定义特权方法 //特权方法可以

javascript必知必会:面象对象编程

面象对象编程技术的核心理念:封装.继承.多态:在一些主流的高级编程语言中,比 如:C#,VB.NET,JAVA,PHP等都是很容易实现的,而如果要在javascript中实现面象对象编程,可就不那么直接和容易了,因为 javascript并不是面向对象的语言,所以我们只能通过javascript的一些特性,比如:闭包.原型链等来模拟出面向对象编程,我认为这些是 作为熟练掌握与灵活运用javascript的基础,园子里已有很多的javascript高手对于这方面都有介绍与分析,而我仅以作为一个项目