JS2

来源:互联网 发布:上古卷轴ol捏脸数据 编辑:程序博客网 时间:2024/06/04 19:24

js2

  1. JS的事件对象
    onclick="doClick(event)"
    function doClick(event){
    var x=event.layerX;
    var element=event.target;
    }
  2. Js的面向对象编程:封装,继承,多台
  3. JS创建对象的3种方式

    1. 使用function模拟创建类型,使用new关键字创建对象
      function Person(name, age){
      this.name=name;
      this.age=age;
      this.aihao=[“吃1”,”吃2”,”吃3”];
      this.eat=function(food){
      alert(this.name+”正在吃”+food);
      };
      }
      var p=new Person(“ls”, 30);
      p.name
      p.age
      p.salary -> undefined
      p.aihao[1]
      p.eat(“好吃的”);

    2. 使用Object创建临时对象:
      var obj=new Object();
      obj.name=”zs”;
      obj.age=23;
      obj.aihao=[];
      obj.eat=function(){
      };

      doClick(){
      var obj=new Object();
      obj.name
      obj.age

      regist(obj);
      }
      regist(obj){
      obj.name obj.age …..
      }

    3. 使用json语法创建对象
      var obj={
      “name”:”王五”,
      “age”:20,
      “aihao”:[“吃”,”喝”,”玩”],
      “school”:{“name”:”tarena”, “loc”:”北京”},
      “eat”:function(food){
      alert();
      }
      };
      obj.name
      obj.age
      obj.aihao[2]
      obj.school.name
      obj.eat(“菜”)
  4. Javascript中使用prototype原型对象模拟面向对象编程中的继承与多态。
    function Animal(){
    }
    Animal.prototype.nickname=”小动物”;
    Animal.prototype.weight=10;
    Animal.prototype.eat=function(){
    alert(this.nickname+”吃ing..”);
    };
    //prototype原型对象是在使用new创建
    //对象时的一个模板对象。
    var animal=new Animal();
    function Dog(){}
    //js中子类继承父类的语法如下:
    Dog.prototype=new Animal();
    Dog.nickname=”大黄”;

    var dog=new Dog();dog.nickname="";dog.eat();
0 0