原生JS笔记——第十一天(构造函数)

本文详细介绍了JavaScript中的构造函数,包括其目的、创建方式和使用实例。同时,讨论了this关键字在构造函数中的指向问题,以及如何通过call、apply、bind方法更改this指向。此外,还列举了遍历JavaScript对象的三种常见方法:Object.keys()、Object.values()和Object.entries()。
摘要由CSDN通过智能技术生成

构造函数

构造函数的目的:
利用构造函数来创造对象

为什么要使用构造函数?
利用构造函数,可以一次创建多个对象
之前的创建对象的方式一次只能创建一个对象。
构造函数创建对象的方式也就是将一次创建一个对象的方式封装成一个函数,多次调用函数就可以创建多个重复的对象。
注意,这个函数与不同函数不同,此函数内部封装的是对象而非普通代码。

什么是构造函数?
构造函数就是把我们对象里面的一些相同的属性和方法抽象出来封装到函数里面,它是一个特殊的函数,和new运算符一起使用。

  • 声明函数
    function 构造函数名(形参1,形参2,……){
    this.属性1 = 值1;
    this.属性2 = 值2;
    ……
    this.方法 = function(形参){
    操作语句;
    };
    }
  • 使用函数
    var 变量名a = new.构造函数名(实参1,实参2,……);
    var 变量名b = new.构造函数名(实参1,实参2,……);
    var 变量名c = new.构造函数名(实参1,实参2,……);
    ……
    多次调用,快速生成多个对象a,b,c
  • 输出结果
    console.log(a.属性1);
    console.log(b.属性2);
    ……
  • 使用方法
    a.方法名(实参);//执行操作语句
    b.方法名(实参);
    c.方法名(实参);
    ……

this指向问题

在定义对象的时候,可以在 值为 函数的代码中,使用 this 访问对象中的属性

函数中的 this 的指向

  1. this 在调用的时候,才能确定 this 指向谁,在定义的时候,无法确定

  2. 函数 如果 是普通函数, 函数中的 this 默认指向 该函数 所定义的作用域范围内的对象

  3. 函数 如果 是 构造函数, 函数中的 this 指向 构造函数创建的 对象

  4. 构造函数中 ,可以 通过 new.target 来判断该函数是否是构造函数(了解)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值