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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值