随笔 - 394  文章 - 0  评论 - 946  阅读 - 143万 

利用面向对象的方式来使用JS

首先，就是我们先看一个利用JS写的非常简单的函数：

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

当然 这个是十分简单的一个例子,在body体中，product函数直接被js调用。

下面来针对今天的题目说下实现方式：

首先，建立一个airthmaticOperation函数：

function airthmaticOperation(){}

然后我们就可以像对待类一样的来对待这个函数了，我们知道 类中一般都有方法，属性等等，那么在js中，我们可以利用prototype对象来对这个函数进行方法或者是属性的扩展，具体实现如下：

复制代码
airthmaticOperation.prototype.addition = function(a,b)
{  　　
 　　return a+b;
} 
airthmaticOperation.prototype.multiply = function(a,b)
{ 　　 
 　　return a*b;
}
复制代码

那么 方法是实现了，如何来使用呢？呵呵，具体的使用方式如下：

var objMyClass = new aithmaticOperation();

调用方式如下：

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

当然，这只是其中简单的一个例子，其实上面的完全可以利用下面的形式来写，以下的是利用闭包的形式写的：

复制代码


var Arithmetic = function(){  
　　var obj = {    
　　　　　　　　　　add: function(a,b) { return a + b; },    
　　　　　　　　　　multiply: function(a,b) { return a * b; }  
　　　　　　　　};  
　　return obj;
}();


复制代码


使用的时候，可以通过下面的方式来进行使用：





var resultAdd = Arithmetic.add(a,b);
var resultMul = Arithmetic.multiply(a,b);




希望有用。呵呵~~~


?
 







	
posted on 
 
程序诗人 
阅读(629) 
评论(0) 
编辑 
收藏 
举报












    
    

    
    



    

        
    

        

            
                
                
            
        

    

编辑推荐：



· 开发者必知的日志记录最佳实践
    

· SQL Server 2025 AI相关能力初探
    

· Linux系列：如何用 C#调用 C方法造成内存泄露
    

· AI与.NET技术实操系列（二）：开始使用ML.NET
    

· 记一次.NET内存居高不下排查解决与启示
    



    

    阅读排行：
    

 ·          被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
        

 ·          没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
        

 ·          【自荐】一款简洁、开源的在线白板工具 Drawnix
        

 ·          园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
        

 ·          Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
        



    

    







		

	

	
	
	
	
	

	





    

    
    








  

  
点击右上角即可分享

  微信分享提示