美文网首页
五、对象object

五、对象object

作者: 帅气的Lucky | 来源:发表于2021-09-21 20:18 被阅读0次

    对象Object

    一、概述与创建

    1、概述

    什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在
    ECMAScript 中引用类型是一种数据结构,用于将数据和功能组织在一起。

    2、对象的创建

    • Object类型

    • 创建 Object 类型有两种。

      一种是使用 new 运算符

      另一种是字面量表示法

    • 使用new 运算符创建 Object

      varbox = new Object();        //new方式  
      box.name=‘张三’;     //创建属性字段    
      box.age= 18;  //创建属性字段
      new关键字可以省略
      var box= Object();       //省略了new关键字,不建议
      
    • 使用字面量方式创建Object

      var box = {               //字面量方式
            name :'张三',   //创建属性字段,最后加逗号
            age : 18,
              x:function(){
                alert('x')
            }
      };
      
    • 属性字段也可以使用字符串形式

       var box={ 
        'name': '张三',  //也可以用字符串形式
        'age': 28
         };
      
    • 使用字面量及传统赋值方式

      varbox={};  //字面量方式声明空的对象
      box.name='张三';   //点符号给属性赋值
      box.age=18;
      
    • 两种属性输出方式

      alert(box.age);    //点表示法输出 
      alert(box['age']);    //中括号表示法输出,注意引号
      
    • 给对象创建方法

       varbox={ 
        //对象中添加方法(函数)run
        run: function() {        
                retrun “正在跑步..”;
                }
       }
       alert(box.run()); //调用对象中的方法
      
    • 使用delete 删除对象属性

      deletebox.name; //删除属性

    • instanceof

      function a(){
      }
      x = new a()
      console.log(x instanceof a)
      

    二、日期对象Date

    1、Date对象代表日期

    Date类型使用自UTC(CoordinatedUniversal Time,国际协调时间)1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。Date类型保存的日期能够精确到1970年1月1日之前或之后的285616年。

    • 创建一个日期对象,使用 new运算符和Date构造方法(构造函数)即可。

      var d = new Date();

      在调用Date构造方法而不传递参数的情况下,新建的对象自动获取当前的时间和日期。

    • 创建日期对象并指定时间

      var d = new Date("2015/08/22");

      var d = new Date(2016,04,13,14,34);

      【注】日期的格式可以是“2015/08/22”,“2015-08-22”,或1970年当前日期的毫秒数1443453475234

    • 方法

    方法 说明
    alert(box.toDateString()); 以特定的格式显示星期几、月、日和年
    alert(box.toTimeString()); 以特定的格式显示时、分、秒和时区
    alert(box.toLocaleDateString()); 以特定地区格式显示年、月、日
    alert(box.toLocaleTimeString()); 以特定地区格式显示时、分、秒
    alert(box.toUTCString()); 以特定的格式显示完整的 UTC 日期: 年,月,日,时,分,秒。
    alert(box.toDateString()); 以特定的格式显示星期几、月、日和年

    2、日期对象Date

    • setDate() / getDate() 从Date对象中返回一个月中的某一天(1~31)
    • getDay() 从Date对象返回一周中的某一天(0~6)
    • set/ getMonth() 从Date对象中返回月份(0~11)
    • set/ getFullYear() 从Date对象以四位数返回年份
    • set/ getHours() 返回Date对象的小时(0~23)
    • set/ getMinutes() 返回Date对象的分钟(0~59)
    • set/ getSeconds() 返回Date对象的秒数(0~59)
    • set/ getMilliseconds() 返回Date对象的毫秒
    • set/ getTime() 返回1970年1月1日至今的毫秒数
    • getTimezoneOffset() 返回本地时间与格林尼治标准时间(GMT)的分钟差

    注意:

    Ø月份是从0-11,所以取得的值要加1才是当前月份

    Ø星期天是从0-6, 0代表星期天

    三、定时器与定时执行

    1、定时器: setInterval()函数

    setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式

    setInterval()方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。

    • 创建定时器

      setInterval(code,millisec)

      参数

      code 是要调用的代码块或者函数

      millisec 是周期性执行代码块或函数的间隔,以毫秒计

    • 实例

      创建定时器timer,每隔1秒调用一次函数function

      vartimer = setInterval( function(){},1000);

    • 关闭定时器

      clearInterval(timer);

    2、定时执行一次 setTimeout

    setTimeout()方法可按照指定的毫秒来定时执行 来调用函数或计算表达式

    • 创建定时器

      setTimeout(code,millisec)

      code 是要调用的代码块或者函数

      millisec 毫秒

    • 实例

      创建定时执行器timer,每隔1秒调用一次函数function

      vartimer = setTimeout( function(){},1000);

    • 关闭定时器

      clearTimeout(timer);

    相关文章

      网友评论

          本文标题:五、对象object

          本文链接:https://www.haomeiwen.com/subject/bldsgltx.html