正文
javascript中在定义函数的几种形式
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
内容主要是讲述javascript在类（原型对象）中定义方法的几种形式，简要之主要有三种：this关键字、prototype关键字、var 对象名={name:value,name2:value2}；这三种形式。
在publicFunction.js文件中定义js函数。在call.html文件中调用函数。
各个文件的位置如下图所示：
publicFunction.js文件中的代码如下：
/**
* javascript中如何在类（在javascript中类也叫原型对象。）中定义公共的方法呢？
* 有三种方式：
* 第一种用：this关键字。
* 第二种用：prototype
* 第三种用js专有的定义属性和方法的形式：var 对象名={name:value,name2,value2,name3:value3,....};
* 顺便说一下，定义私有方法和私有变量：直接在类中写var=....即可，详细情况看下面代码即可。
*/
//首先是第一种方法：this关键字。
//定义Dog这个类
function Dog() {
var sixi="village"//定义一个私有变量
//定义一个私有的函数：
function show() {
alert("ouyangfeng");
}
this.mountain="fragantMountain";//定义一个公共变量
//定义一个公共方法name()这是用this关键字定义的。
this.name=function(petname) {
document.writeln(petname);
show();//在公共函数内调用私有方法。
}
}
//用prototype定义一个公共的方法
Dog.prototype.master=function(masterName) {
window.alert("the dog's master is :"+masterName);
}
//用js特有的定义公共方法和属性的方式：
var dog={name:"小花",//定义变量name="小花"。相当于this定义中的this.name="小花"。
//定义一个chief()这个公共函数。
chief:function() {
document.writeln("ouyangfeng is a chief village of sixi");
},
//定义一个rapeFlower这个公共函数：
rapeFlower:function() {
document.writeln("the rape flower is so beautiful ,I have never seen");
}
};
call.html文件中的代码如下：
<html>
<head>
<!-- 把 publicFunction.js这个文件导入进来，相当于java中的import
特别说明一下src的路径我直接写为publicFunction.js，是因为这个call.html文件与它在同一目录下。
如果不是在同一目录下，可以用相对路径写。
在相对路径中：
/ 代表本级目录
../代表上一级目录
../../代表上上一级目录。那么上上上级目录可以以此类推。
-->
<script type="text/javascript" src="publicFunction.js"></script>
<script type="text/javascript">
<!--
//下面是调用publicFunction.js这个文件中的方法和变量。
//创建一个Dog类的实例。
var d=new Dog();
var m=d.mountain;//调用Dog类中的Mountain公共变量：
document.writeln(m);//输出这个变量。
d.master("ouyangfeng");//调用master这个方法。
d.name("leopard");//调用name()这个方法。
/**
调用publicFunction.js文件中的这个公共方法：var dog={};
*/
var na=dog.name;//调用name这个变量。
document.writeln(na);//输出这个变量。
dog.rapeFlower();//调用rapeFlower这个方法
dog.chief();//调用chief这个方法。
//-->
</script>
</head>
</html>
