JavaScript(二)

面向对象:

  JavaScript是面向对象的客户端脚本,可以使用基于面向对象的方式来控制数据,JavaScript的面向对象操作是基于prototype来实现的

  JS中function函数也是对象

创建user对象的两种方式:

方法一:

var  User  =  function(){
  this.userName="tom";
  this.password="123";
} User user
= new User();

方法二:

var   user  =  new User();
user.属性名 =  值;
user.方法名 =  方法名

 prototype对User类型添加新的属性或方法:用于封装整块逻辑

  prototype是对类型进行扩展,不是对对象进行扩展,所以要写 User

<script type="text/javascript">
    User.prototype.属性名 =  值;
    User.prototype.方法名  =  function(){}

    //例如
    //添加属性
    user.prototype.age=20;
    //添加方法
    User.prototype.getUserName  =  function(){
      return this.userName
    }
    User.prototype.setUserName  =  function(userName){
      this.userName=userName;
    }
</script>

JS中可以直接创建一个原生的Object对象

  里面没有任何方法,可以通过prototype添加,但是添加了以后所有的Object类型都会包括这种方法(不建议使用)

<script type="text/javascript">
   var user=new Object();
  Object.prototype.userName="tom";
  alert(user.userName);
</script>

编写Employee类型
具备empId,empName,salary属性
1.要求对Employee进行实例化,访问所有的属性
2.对Employee类型使用原型进行扩展,增加depId属性,并为该属性添加getter、setter方法

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<script type="text/javascript">
    //创建员工对象
    var Employee=function(){
        this.empId="1";
        this.empName="tom";
        this.salary="8000";
    }
    //对员工进行实例化
    var emp=new Employee();
    alert(emp);
    alert(emp.empId);
    alert(emp.empName);
    alert(emp.salary);

    //扩展属性
    Employee.prototype.depId="1001";
    //扩展方法
    Employee.prototype.getDepId=function(){
        return this.depId;
    }
    Employee.prototype.setDepId=function(depId){
        this.depId=depId
    }

    alert(emp.depId);
    var empId=emp.getDepId();
    alert(empId);
    emp.setDepId("2001");
    alert(emp.depId);
</script>
</body>
</html>

 

DOM编程

DOM-Document Object Model ,它是W3C国际组织的一套Web标准,它定义了访问HTML文档对象的一套属性、方法和事件

 

 

posted @ 2021-04-21 21:29  小小野生程序员sunny  阅读(17)  评论(0编辑  收藏  举报