繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript入门教程(12) js对象化编程
- Javascript
- 编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
- JS Array对象入门分析
- javascript typeof的用法与typeof运算符介绍[详细]
- js CSS操作方法集合
- 让任务管理器中的CPU跳舞的js代码
- ajax无刷新动态调用股票信息(改良版)
- js Clip的奇思妙想之文字拼接效果
- js Clip奇思妙想之多彩渐变字效果
- JS 创建对象(常见的几种方法)
- JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
- JS提交并解析后台返回的XML的代码
- 初学Javascript的一些总结
- JS 继承实例分析
- js form action动态修改方法
- 仿163填写邮件地址自动显示下拉（无优化）
- js判断对象是否是某一类型
- 解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
- js 目录列举函数
- js颜色选择器代码[firefox不支持]
- js wmp操作代码小结(音乐连播功能)
Javascript 中的 JavaScript入门教程(12) js对象化编程
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 210 ::
收藏到网摘: n/a
关于对象化编程的语句 现在我们有实力学习以下关于对象化编程，但其实属于上一章的内容了。 with 语句 为一个或一组语句指定默认对象。
用法：
with (<对象>) <语句>;
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用：
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);
当使用 with 语句时，代码变得更短且更易读：
复制代码 代码如下:
with (Math) {
x = cos(3 * PI) + sin(LN10);
y = tan(14 * E);
}
this 对象 返回“当前”对象。在不同的地方，this 代表不同的对象。如果在 JavaScript 的“主程序”中（不在任何 function 中，不在任何事件处理程序中）使用 this，它就代表 window 对象；如果在 with 语句块中使用 this，它就代表 with 所指定的对象；如果在事件处理程序中使用 this，它就代表发生事件的对象。
一个常用的 this 用法：
复制代码 代码如下:
<script>
...
function check(formObj) {
...
}
...
</script>
<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>
这个用法常用于立刻检测表单输入的有效性。
自定义构造函数 我们已经知道，Array()，Image()等构造函数能让我们构造一个变量。其实我们自己也可以写自己的构造函数。自定义构造函数也是用 function。在 function 里边用 this 来定义属性。
复制代码 代码如下:
function <构造函数名> [(<参数>)] {
...
this.<属性名> = <初始值>;
...
}
然后，用 new 构造函数关键字来构造变量：
var <变量名> = new <构造函数名>[(<参数>)];
构造变量以后，<变量名>成为一个对象，它有它自己的属性——用 this 在 function 里设定的属性。
以下是一个从网上找到的搜集浏览器详细资料的自定义构造函数的例子：
复制代码 代码如下:
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion); //主版本号
this.minor = parseFloat(navigator.appVersion);//全版本号
this.ns = ((agent.indexOf('mozilla')!=-1) &&
((agent.indexOf('spoofer')==-1) && //是否 Netscape
(agent.indexOf('compatible') == -1)));
this.ns2 = (this.ns && (this.major == 3)); //是否 Netscape 2
this.ns3 = (this.ns && (this.major == 3)); //是否 Netscape 3
this.ns4b = (this.ns && (this.minor < 4.04)); //是否 Netscape 4 低版本
this.ns4 = (this.ns && (this.major >= 4)); //是否 Netscape 4 高版本
this.ie = (agent.indexOf("msie") != -1); //是否 IE
this.ie3 = (this.ie && (this.major == 2)); //是否 IE 3
this.ie4 = (this.ie && (this.major >= 4)); //是否 IE 4
this.op3 = (agent.indexOf("opera") != -1); //是否 Opera 3
this.win = (agent.indexOf("win")!=-1); //是否 Windows 版本
this.mac = (agent.indexOf("mac")!=-1); //是否 Macintosh 版本
this.unix = (agent.indexOf("x11")!=-1); //是否 Unix 版本
}
var is = new Is();
这个构造函数非常完整的搜集了浏览器的信息。我们看到它为对象定义了很多个属性：major, minor, ns, ie, win, mac 等等。它们的意思见上面的注释。把 is 变量定义为 Is() 对象后，用 if (is.ns) 这种格式就可以很方便的知道浏览器的信息了。我们也可以从这个构造函数中看到，它也可以使用一般的 JavaScript 语句（上例中为 var 语句）。
让我们再来看一个使用参数的构造函数：
复制代码 代码如下:
function myFriend(theName, gender, theAge, birthOn, theJob) {
this.name = theName;
this.isMale = (gender.toLowerCase == 'male');
this.age = theAge;
this.birthday = new Date(birthOn);
this.job = theJob
}
var Stephen = new myFriend('Stephen', 'Male', 18, 'Dec 22, 1982', 'Student');
从这个构造函数我们不但看到了参数的用法，还看到了不同的属性用不同的数据型是可以的（上例五个属性分别为：字符串，布尔值，数字，日期，字符串），还看到了构造函数里也可以用构造函数来“构造”属性。如果用了足够的“保护措施”来避免无限循环，更可以用构造函数自身来构造自己的属性。
评论 (0) All
