五、对象object

对象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);

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • 01-获取孩子节点 childNodes 获取的包括文本 nodeType 为1是标签 为2是属性 为3是文本 ...
    LIT乐言阅读 148评论 0 1
  • 作者:wqjcarnation链接:https://www.jianshu.com/p/5d5a15a5c6c7 ...
    行之北斗阅读 236评论 0 0
  • Html5 语义化标签 headerfooternavarticlesection 文档类型定义 在h5中只需要写...
    路人丁0417阅读 1,093评论 0 2
  • CSS: 层叠样式表 主要作用: 美化页面, 将美化和HTML进行分离,提高代码复用性 选择器: ​ 元素选择...
    承诺被后的承诺阅读 236评论 0 0
  • 局部作用域内 不声明可以改变全局的变量; Day01 document.querySelector("mark")...
    Moquyun阅读 839评论 0 0