五、JavaScript对象

本文详细介绍了JavaScript中的对象概念,包括对象作为无序属性集合的特性,以及函数与对象的区别。强调了对象如何通过点号或方括号语法访问属性和方法,展示了多种对象创建方式,如字面量语法和构造函数。同时,阐述了`new`关键字的执行过程,并讨论了`this`关键字在不同上下文中的指向。此外,还提到了遍历和删除对象属性的方法。
摘要由CSDN通过智能技术生成

1.什么是对象

* 程序中的对象是对现实生活中的对象。

* js中的对象是无序属性的集合。

* 具有属性和方法。

* 函数和对象的区别

  • 函数: 可以封装一段代码。

  • 对象: 封装一组属性和方法。

* 访问对象属性 对象.属性名。方法名[‘属性名’]。

* 访问对象方法 对象.方法。

* 对象的创建方法:

  • Var 对象名 = {

}

  • var 对象名 = new Object();创建一个空对象

new Object 调用构造函数。

可以动态增加属性和方法。

当前方法中使用属性,需要this.指向当前对象。

  • 工厂方法

function creat对象名(方法,属性){
            var 对象名 = new Object();
            对象名.方法 = function(){
​
    };
    对象名.属性 = 属性;
    renturn 对象名;
}
  • 自定义构造函数 (帕斯卡命名法:第一个单词大写,后续的 每一个单词第一个都大写)

function 方法名(方法,属性){
                this.方法  = function(){}
                this.属性 = 属性;
}

* new 的执行过程

在内存中创建一个空的对象。

  • 让构造函数中的this指向当前的对象。

  • 执行构造函数,在构造函数中设置属性和方法。

  • 返回当前的对象。

    * this 出现在的位置

    1 函数中   -- this指向window 窗口。
    2 方法中   -- this指向这个方法所属的对象。
    3 构造函数  -- this指向构造函数所创建的对象。
    4 事件处理函数中  -- this指向事件源。
    5 当一个函数用apply、call调用的时候,this就是你指定的第一个参数
    6 当一个函数用定时器调用的时候,this就是window
    7 当一个函数绑定给一个HTML元素事件的时候,this就是这个HTML元素

* 打印对象

  • for in 可以遍历对象的成员

for (var key in 对象){ key :属性名

obj[key];打印每个属性;

}

* 删除对象的属性

  • delete 对象名.属性或方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值