JS中以一个方法作为参数的写法

最新推荐文章于 2024-11-03 07:29:26 发布

转载最新推荐文章于 2024-11-03 07:29:26 发布 · 5.6k 阅读

java思想专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍在JavaScript中定义类（原型对象）方法的三种主要方式：使用this关键字、prototype关键字及特殊对象定义法，并通过示例代码展示如何在call.html文件中调用这些方法。

内容主要是讲述javascript在类（原型对象）中定义方法的几种形式，简要之主要有三种：this关键字、prototype关键字、var 对象名={name:value,name2:value2}；这三种形式。

在publicFunction.js文件中定义js函数。在call.html文件中调用函数。

各个文件的位置如下图所示：

publicFunction.js文件中的代码如下：

 1 /**
 2  * javascript中如何在类（在javascript中类也叫原型对象。）中定义公共的方法呢？
 3  * 有三种方式：
 4  * 第一种用：this关键字。
 5  * 第二种用：prototype
 6  * 第三种用js专有的定义属性和方法的形式：var 对象名={name:value,name2,value2,name3:value3,....};
 7  * 顺便说一下，定义私有方法和私有变量：直接在类中写var=....即可，详细情况看下面代码即可。
 8  */
 9 //首先是第一种方法：this关键字。
10  //定义Dog这个类
11  function Dog() {
12      var sixi="village"//定义一个私有变量
13          //定义一个私有的函数：
14          function show() {
15               alert("ouyangfeng");
16          }
17     this.mountain="fragantMountain";//定义一个公共变量
18      //定义一个公共方法name()这是用this关键字定义的。
19       this.name=function(petname) {
20            document.writeln(petname);
21            show();//在公共函数内调用私有方法。
22       }
23  }
24  //用prototype定义一个公共的方法
25  Dog.prototype.master=function(masterName) {
26       window.alert("the dog's master is :"+masterName);
27  }
28  //用js特有的定义公共方法和属性的方式：
29  var dog={name:"小花",//定义变量name="小花"。相当于this定义中的this.name="小花"。
30           //定义一个chief()这个公共函数。
31           chief:function() {
32       document.writeln("ouyangfeng is a chief village of sixi");
33  },
34  //定义一个rapeFlower这个公共函数：
35  rapeFlower:function() {
36         document.writeln("the rape flower is so beautiful ,I have never seen");
37  }
38  };

call.html文件中的代码如下：

 1 <html>
 2     
 3     <head>
 4         <!-- 把 publicFunction.js这个文件导入进来，相当于java中的import
 5         特别说明一下src的路径我直接写为publicFunction.js，是因为这个call.html文件与它在同一目录下。
 6         如果不是在同一目录下，可以用相对路径写。
 7         在相对路径中：
 8         /  代表本级目录
 9         ../代表上一级目录
10         ../../代表上上一级目录。那么上上上级目录可以以此类推。
11         -->
12         <script type="text/javascript" src="publicFunction.js"></script> 
13         <script type="text/javascript">
14             <!--
15             //下面是调用publicFunction.js这个文件中的方法和变量。
16                 //创建一个Dog类的实例。
17                 var d=new Dog();
18                 var m=d.mountain;//调用Dog类中的Mountain公共变量：
19                 document.writeln(m);//输出这个变量。
20                 d.master("ouyangfeng");//调用master这个方法。
21                 d.name("leopard");//调用name()这个方法。
22                 /**
23                 调用publicFunction.js文件中的这个公共方法：var dog={};
24                 */
25                 var na=dog.name;//调用name这个变量。
26                 document.writeln(na);//输出这个变量。
27                 dog.rapeFlower();//调用rapeFlower这个方法
28                 dog.chief();//调用chief这个方法。
29             //-->
30         </script>
31     </head>
32 </html>