关闭

JavaScript面向对象

发表于:2012-6-19 09:47

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:liu765023051    来源:51Testing软件测试网采编

  由于js语言本身语法的灵活性,使得在js程序中出现了各种各样的代码风格,但也因为如此,导致了代码的可读性和可维护性大大降低,特别随着项目的不断更新,js代码的不断更新,到后期时甚至连自己的代码都不知然了,因此确定一种好的代码风格是很有必要的。

  近些年随着ajax的兴起,js变得越来越受重视,js开始在web开发中充当非常重要的角色,因此也开始遇到了各种各样的问题,于是很多大牛就提出了js的面向对象编程方法。

  JavaScript是一种基于原型(prototype)的面向对象的语言,它没有类的概念,所有的一切都派生自现有对象的一个副本。

  一、下面看我画的总结图:

  二、难点解析

  1、this的概念

  this管家你在引用的是包含它的函数作为某个对象的方法被调用时的那个对象。下面看下面一个小例子:

<script type="text/javascript">
  var sound="admin";
  function myFunction(){
    this.style.color='red';
    alert(sound);
  }
</script>

<body>
  <a href="#" id="a">这是测试用的超链接</a>
<script type="text/javascript">
   document.getElementById("a").onclick=myFunction;
</script>
</doby>

  根据this的定义我们知道,上例中的this代表的是超链接。

  2、构造函数的创建

  Function是创建构造函数的起点。我们在之前学习C#的时候就已经学过,在创建函数实例的时候,我们也能创建构造函数。在js中也一样,例如编写代码:

  var myObject=new myConstructor();

  此时,myConstructor函数也可以作为构造函数。当对象被实例之后,构造函数会执行包含的代码。

21/212>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号