zoukankan      html  css  js  c++  java
  • 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文档对象的一套属性、方法和事件

  • 相关阅读:
    乘法逆元
    P1082 同余方程
    数论编程
    倍增LCA模板
    快速幂模板Super
    黑白染色的模板
    暑假提高组集训Day1 T2
    暑假提高组集训Day1 T1
    7月18日刷题记录 二分答案跳石头游戏Getting
    hdu4738(割桥)
  • 原文地址:https://www.cnblogs.com/gfl-1112/p/12874872.html
Copyright © 2011-2022 走看看