zoukankan      html  css  js  c++  java
  • JavaScript 22 自定义对象

    在JavaScript中可以自定义对象,添加新的属性,添加新的方法

    示例 1 : 

    通过new Object创建对象

    通过new Object()创建一个对象

    <script>
    var hero = new Object();
    hero.name = "盖伦"; //定义一个属性name,并且赋值
    hero.kill = function(){
      document.write(hero.name + " 正在杀敌" ); //定义一个函数kill
    }
      
    hero.kill(); //调用函数kill
      
    </script>

     示例 2 : 

    通过function设计一个对象

    通过new Object创建对象有个问题,就是每创建一个对象,都得重新定义属性和函数。这样代码的重用性不好
    那么,采用另一种方式,通过function设计一种对象。 然后实例化它 。
    这种思路很像Java里的设计一种类,但是 javascript没有类,只有对象,所以我们叫设计一种对象

    <script>
    function Hero(name){
      this.name = name;
      this.kill = function(){
         document.write(this.name + "正在杀敌<br>");
      }
    }
     
    var gareen = new Hero("盖伦");
    gareen.kill();
     
    var teemo = new Hero("提莫");
    teemo.kill();
      
    </script>

     示例 3 : 

    为已经存在的对象,增加新的方法

    现在Hero对象已经设计好了,但是我们发现需要追加一个新的方法keng(),那么就需要通过prototype实现这一点

    <script>
    function Hero(name){
      this.name = name;
      this.kill = function(){
         document.write(this.name + "正在杀敌<br>");
      }
    }
      
    var gareen = new Hero("盖伦");
    gareen.kill();
      
    var teemo = new Hero("提莫");
    teemo.kill();
      
    Hero.prototype.keng = function(){
      document.write(this.name + "正在坑队友<br>");
    }
      
    gareen.keng();
    teemo.keng();
      
    </script>

     

  • 相关阅读:
    找上海或深圳塑胶模具工作
    词典新选择网易推出有道[注意第二幅图中的红框]
    《天气与生活》修正版已发布, 以后将由南海维护
    JQuery发布1.2.3
    网游产业的公关
    使用ExtJS,失去的将比得到的还多
    养成习惯,解放大脑
    Vancl网上购衫体验
    深圳人均GDP过一万美元随想
    DateChooser ASP.NET 2.0版 之实用版
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/13369932.html
Copyright © 2011-2022 走看看