JavaScript面象对象设计

2024-09-28 23:14:08

新一篇: 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);
    }
}
使用方法 
<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＋＋，用起来是不是要方便多了。

JavaScript面象对象设计

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

一.接口的流畅性好的接口是流畅易懂的,他主要体现如下几个方面: 1.简单操作某个元素的css属性,下面是原生的方法: document.querySelectorAll('#id').style.color = 'red'; 封装之后 function a(selector, color) { document.querySelectorAll(selector)[].style.color = color } a('#a', 'red'); 从几十个字母长长的一行到简简单单的一个函数调用,
javascript History对象原理解析

这篇文章主要介绍了javascript History对象原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 length history.length属性保存着历史记录的URL数量.初始时,该值为1.由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用跳转方法 go().back()和forward() 如果移动的位置超出了访问历史的边界,以上三个方法并不报错,而是静默失败 [注意]使用历史记录时,页面通常从浏览器缓存之
javascript复制对象使用说明

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 浏览器对象

window window对象不但充当全局作用域,而且表示浏览器窗口. window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度.内部宽高是指除去菜单栏.工具栏.边框等占位元素后,用于显示网页的净宽高.还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高. 补充: 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:
JavaScript Date对象日期获取函数

JavaScript Date对象使用小例子: 运行结果: 总结: 1.尽管我们认为12月是第12个月份,但是JavaScript从0开始计算月份,所以月份11表示12月: 2.nowDate.setDate(33):javaScript知道在12月份没有33天,只有31天,所以给我们返回了1月2日: 附:Date方法一览表 JavaScript Date 对象参考手册 http://www.jb51.net/w3school/js/jsref_obj_date.asp.htm if ($ !=
Javascript基于对象三大特性（封装性、继承性、多态性）

Javascript基于对象的三大特征和C++,Java面向对象的三大特征一样,都是封装(encapsulation).继承(inheritance )和多态(polymorphism ).只不过实现的方式不同,其基本概念是差不多的.其实除三大特征之外,还有一个常见的特征叫做抽象(abstract),这也就是我们在一些书上有时候会看到面向对象四大特征的原因了. 一.封装性封装就是把抽象出来的数据和对数据的操作封装在一起,数据被保护在内部,程序的其它部分只有通过被授权的操作(成员方法),
javascript包装对象实例分析

本文实例讲述了javascript包装对象用法.分享给大家供大家参考.具体分析如下: js对象是一种复合值:它是属性或已命名值得集合. 参考以下代码: var s = "hello world"; var len = s.length; 在该例子中,s是字符串,而字符串不是对象,但为何会有属性呢?其实只要引用了字符串s的属性,js就会将字符串通过调用new String(s)的方式转换为对象,该对象继承了字符串的方法,并被用来处理属性的引用:一旦属性引用结束,这个新创建的对象就会被销毁
JavaScript浏览器对象之一Window对象详解

JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制.JavaScript中定义了6种重要的对象: window对象表示浏览器中打开的窗口: document对象表示浏览器中加载页面的文档对象: location对象包含了浏览器当前的URL信息: navigation对象包含了浏览器本身的信息: screen对象包含了客户端屏幕及渲染能力的信息: history对象包含了浏览器访问网页的历史信息. 除了window对象之外,其他的5个对象都是windo

JavaScript面象对象设计

相关推荐

随机推荐