八、对象、日期、定时器

83 阅读1分钟

1. 对象

对象:属性 + 方法

1.1 创建对象的方式

1.1.1 构建函数创建对象 ---> new Object()

var obj = new Object();

1.1.2 去掉new ---> Object() (不推荐)

var obj = Object();

1.1.3 对象的字面量表达式 ---> {}

var obj = {};

1.2 对象的属性和方法添加

对象的属性名 / 方法名可以是下划线,$,数值,字符串,不能是对象和数组

1.2.1 . 添加 ---> 静态值
1.2.2 [] 添加 ---> 动态值
    var oPerson = new Object();
    oPerson.name = "迪丽热巴"; // 属性  .添加属于静态值
    oPerson["age"] = 20; // 属性  []添加属于动态值
    oPerson.jump = function(str){ //行为 .添加
        return `${this.name}的行为:${str}`;//dui
    }
    console.log(oPerson.jump("很能跳"));//迪丽热巴的行为:很能跳
    oPerson["run"] = function(str){
        return `${this.name}的行为:${str}`;
    }
    console.log(oPerson.run("很能跑"));
    

1.3 对象的属性和方法的删除(delete关键字)

delete obj.name

对象的某个属性不存在 ---> undefined

    var obj = {
        name:"小A",
        sex:"男"
    }
    console.log(obj.age); // undefined
    

1.4 对象的遍历

目前只能用 for...in

// 创建一个对象并且给出初始属性
        var oPerson = {
            name: "小明",
            age: 20,
            hobby: ["打代码", "吃饭", "睡觉"]
        }
        for (var key in oPerson) {
            console.log(typeof oPerson.key);//undefined  ---> .方式获取属性值,key是静态值。错误写法
            console.log(typeof oPerson[key]);//object ---> []获取属性值, key是动态值。正确写法
        }

2. 日期对象

2.1 日期对象的创建 ---> new Date()

var date = new Date();// 默认值是此时运行的时间

2.2 日期对象的赋值(指定日期)

2.2.1 字符串 -
var date = new Date("2023-3-15 15:15:15");
2.2.2 字符串 /
var date = new Date("2023/3/15 15:15:15");
2.2.3 数值 ---> 要注意月份是0-11,需要-1
var date = new Date(2023,2,15,15,15,15);

2.3 获取时间戳

QQ图片20230330180256.png

2.4 获取 年月日时分秒毫秒星期几

QQ图片20230330180414.png

3. 定时器

setInterval(function(){},1000,"str");
  • 作用:重复执行n次
  • 参数:回调函数,再次执行的间隔时间,回调函数的实参
  • 返回值:返回一个定时器的序列号

QQ图片20230330180414.png

3. 延时器

setTimeout(function(){},1000,"str");
  • 作用:只执行1次
  • 参数:回调函数,延迟执行的时间,回调函数的实参
  • 返回值:返回一个延时器的序列号

QQ图片20230330180414.png