JS2-优快云博客

本文介绍了JavaScript中面向对象编程的基础知识，包括封装、继承、多态等概念，并详细讲解了三种创建对象的方法：使用function结合new关键字、使用Object创建临时对象及使用JSON语法创建对象。此外，还探讨了事件对象的使用，如通过event对象获取元素位置和目标元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js2

JS的事件对象
onclick="doClick(event)" function doClick(event){ var x=event.layerX; var element=event.target; }
Js的面向对象编程：封装，继承，多台
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(“菜”)
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();
```