依照标题,本片博客介绍这个小例子。下面博客总结js面向对象知识。
我们做这个小例子的目的就是理解js面向对象的知识。先拿个例子试试手,然后再比较系统的总结下。这块儿知识在看视频的时候,感觉看的效果不是很好,很多都是听的云里雾里的。
在做这个例子的时候,感觉很别扭。因为JavaScript语言大多情况下是没有智能提示的。而且firebug调试工具也用的不是很好,还在适应期;错误控制台的信息全是英文的,不能够及时准确的发现错误。
有的地方,不小心敲错的代码,调试半天也找不出来,真有种睁眼瞎的感觉啊。看来熟练使用JavaScript,还需要一段时间的练习呀。
好了,下面看例子:
一、我们需要建立下面三个js文件和一个html文档。
二、分别解释上面四个文件:
1、IC.js是我们建立的自己的JavaScript库,在这个例子中,我们需要补充两个方法:
2、myLog.js是该例子的核心。myLogger函数中,包含构造函数,createWindow函数,writeRaw函数。
createWindow函数用于创建一个窗体。
writeRaw函数用于向所创建的窗体中添加一条记录。
myLogger函数仍包含write和header两个特权函数。write函数用于将大于号小于号进行正则转换成HTML标记;header函数用于向日志窗体中添加标题。
3、test.js中代码的主要作用是向window对象里面添加一个load事件。然后分别测试myLog.js里面的方法的正确性:
4、html页面的作用就是添加应用,显示结果:
三、显示结果:
四、总结:
我们可以将本例中主要代码写在自己的JavaScript库中,并用该方式代替alert方法,达到很好的显示效果(如上图)。使用的同时,我们也在熟悉该函数,和其中很优雅的写法,慢慢的它就会变成我们自己的东西。
源代码下载:http://download.csdn.net/detail/liu765023051/4365978
分享到:
相关推荐
javascript 面向对象function详解 js中的函数有三种表示方式: //函数的第一种表示方式:函数关键字的方式 function f1() { alert("f1"); } //函数的第二种表示方式:函数字面量的方式 var f2 = ...
constructor指向对象的构造函数,prototype指向使用构造函数创建的对象实例的原型对象。 function Person(){ } var person = new Person(); Person.prototype = { constructor : Person, name : 'zxs', age :...
本文实例讲述了JavaScript创建对象方法。分享给大家供大家参考,具体如下: 最简单的方式就是创建一个Object对象,并为其添加属性和方法。 //示例代码 var person=new Object() person.name=yumi person.age=18 ...
工厂模式抽象了具体对象的过程,用函数来封装以特ing接口创建对象的细节。 如下: function createAnimal(name, age) { var o = new Object(); o.name = name; o.age = age; o.sayName = function() { alert&#...
6) typeof函数的返回值:数字——number,字符串——string,布尔值——Boolean,对象、数组、null——object,函数名——function或undefined(未定义时)。主要用来区别区别对象和原始类型。要区分对象的具体类型...
对象在面向对象编程中,类是对象的模板,对象就是类的实例,例如“狗”是一个类,而这只狗就是一个对象,这只叫“hello dog”的狗就是一个实例。如何定义类1. 构造函数法这是经典方法,也是教科书必教的方法。它用...
Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法...
JavaScript CollectGarbage函数案例详解 首先看一个内存释放的实例: <SCRIPT LANGUAGE="JavaScript"> <!-- strTest = "1"; for ( var i = 0; i ; i ++ ) { strTest += strTest; } alert(strTest); ...
本文实例讲述了JavaScript创建对象的四种常用模式。分享给大家供大家参考,具体如下: 这里介绍了javascript中创建对象常用的几种模式,包括:工厂模式,构造函数模式,原型模式,组合构造函数与原型的模式,动态...
本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考,具体如下: 什么是BOM BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,...
//理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 var person = new Object(); person.name = "Xulei"; person.age = "23"; person.job = "前端工程师"; person.sayName = ...
本文实例讲述了JavaScript实现同时调用多个函数的方法。分享给大家供大家参考,具体如下: 这里分析JavaScript 同时调用同一网页内的多个函数的实现方法,点击按钮后执行多次函数,比如连续弹出多次窗口。 具体代码...
主要介绍了JavaScript Math对象和调试程序的方法,结合实例形式分析了javascript中Math对象生成随机数以及使用alert()、console.log()函数进行错误调试相关操作技巧,需要的朋友可以参考下
理解对象,最简单的方式就是通过创建一个Object的实例,然后为它添加属性和方法 代码如下: var person = new Object(); person.name = “Xulei”; person.age = “23”; person.job = “前端工程师”; ...
/* *(REFER TO <JAVASCRIPT>P151) *@time 2008-11-25 */ 代码如下://没有返回值 function Test0(){ this.name=’test0′; } var test0=new Test0; //debugger; alert(test0);//输出[Object] alert(test0...
本文实例讲述了JavaScript创建对象的常用方式。分享给大家供大家参考,具体如下: JS中没有类的概念,那么怎么创建对象呢?下面一一来细说! 传统的创建对象的方式: 1、创建Object的实例 var person = new Object...
因为JavaScript是基于原型(prototype)的,没有类的概念(ES6有了,这个暂且不谈),我们能接触到的都是对象,真正做到了一切皆为对象 所以我们再说对象就有些模糊了,很多同学会搞混类型的对象和对象本身这个概念...
如果是实例方法,不同的实例化,它们引用的地址是不一样的,是唯一的。 //定义一个构造函数 function People(name,age){ this.name=name; this.age=age; this.dothings=function(){ retrun this.name+this.age...
本文实例讲述了JavaScript数组、json对象、eval()函数用法。分享给大家供大家参考,具体如下: 一、JavaScript中的数组 数组使用[]、new Array()或new Array(count)进行创建 创建数组之后我们可以对其静态...
本文实例讲述了JavaScript直接调用函数与call调用的区别。分享给大家供大家参考,具体如下: 直接调用 直接调用函数是最常见 最普通的方式,直接以函数附加的对象作为调用者, 在函数后括号内传入参数来调用函数 例如:...