如何将 Javascript 作为面向对象编程 (OOPS) 使用

maq_rohit

4.82/5 (10投票s)

2010年11月22日

CPOL

2分钟阅读

26759

Javascript

大家好，这是我在 CodeProject 上的第一个技巧和窍门分享。所以我决定从 Javascript 的非常基础的技巧开始。大多数初学者开发者使用 Javascript 的方式如下：

<script type="text/javascript">
function product(a,b)
{
return a*b;
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(4,3));
</script>

这是一种非常基础的创建函数并在不同函数中暴露该函数的方式，就像上面的例子中，函数 `product(a,b)` 直接在 Javascript 的主体中调用。这是一种使用 Javascript 的非常简单的方法。让我们尝试以更通用的方式学习 Javascript。我将分步骤演示：步骤 1： 首先，我建议将 Javascript 制作成外部文件，而不是放在同一个 HTML 头部中，虽然这不是强制性的。但为了良好的编码实践，Javascript 应该被分离到文件中。步骤 2： 创建 airthmaticOp.js

function airthmaticOperation()
{
}

步骤 3： 正如你在步骤 2 中看到的，我创建了一个 `airthmaticOpration` 函数，在这个步骤中，我将函数视为一个类。嗯… 所以，如你所知，在类中都有方法，那么我如何在 Javascript 中为我的 `airthmaticOpration` 类创建方法呢？在 Javascript 中，使用特殊的关键字 `prototype` 来为类创建方法。`prototype` 对象是为了帮助你在希望快速向对象的实例添加自定义属性时使用。要使用此对象，只需在添加自定义属性之前在对象上引用关键字 "prototype"，此属性将立即附加到该对象的所有实例。实践胜于雄辩，所以现在我将展示如何在我的 `airthmaticOperation` 类中使用它。

airthmaticOperation.prototype.addition = function(a,b)
{
  return a+b;
}

airthmaticOperation.prototype.multiply = function(a,b)
{
  return a*b;
}

步骤 4： 看起来很酷。现在如何在我的函数中使用它？首先，你必须像在简单类中一样创建对象：

 var objMyClass = new aithmaticOperation();

对象已创建，现在你可以访问我的 `airthmaticOperation` 类的所有方法了。

var resultAdd = objMyClass.addition(a,b);

var resultMul = objMyClass.multiply(a,b);

这就是全部内容。这是一种很好的方法来创建复杂且可扩展的 Javascript 代码，就像面向对象编程 (OOPS) 一样。