• JavaScript面向对象学习构造函数、静态成员和实例成员(二)


    ⭐️⭐️⭐️  作者:船长在船上
    🚩🚩🚩  主页:来访地址船长在船上的博客
    🔨🔨🔨  简介:高级前端开发工程师,专注前端开发,欢迎咨询交流,共同学习

    🔔🔔🔔感谢:如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题,可以关注、支持一下博主,如果三连收藏支持就会更好,在这里博主不胜感激!!!

    如有疑问可以留言、评论,看到后会及时回复。  

     

    目录

    一、利用构造函数创建对象

    二、静态成员和实例成员


    一、利用构造函数创建对象

    注意事项:

    1. 利用 new Object() 创建对象

    2. 利用 对象字面量创建对象

    3. 利用构造函数创建对象

    1. // 1. 利用 new Object() 创建对象
    2. var obj1 = new Object();
    3. // 2. 利用 对象字面量创建对象
    4. var obj2 = {};
    5. // 3. 利用构造函数创建对象
    6. function Star(uname, age) {
    7. this.uname = uname;
    8. this.age = age;
    9. this.sing = function() {
    10. console.log('我会唱歌');
    11. }
    12. }
    13. var ldh = new Star('林一', 18);
    14. var zxy = new Star('林二', 19);
    15. console.log(ldh);
    16. ldh.sing();
    17. zxy.sing();

    打印结果:

     

    二、静态成员和实例成员

    注意事项:

    1.构造函数中的属性和方法我们称为成员, 成员可以添加

    2.实例成员就是构造函数内部通过this添加的成员 uname age sing 就是实例成员

            实例成员只能通过实例化的对象来访问

    3. 静态成员 在构造函数本身上添加的成员 sex 就是静态成员

            静态成员只能通过构造函数来访问

            不能通过对象来访问

    1. // 构造函数中的属性和方法我们称为成员, 成员可以添加
    2. function Star(uname, age) {
    3. this.uname = uname;
    4. this.age = age;
    5. this.sing = function() {
    6. console.log('我会唱歌');
    7. }
    8. }
    9. var ldh = new Star('林一', 18);
    10. // 1.实例成员就是构造函数内部通过this添加的成员 uname age sing 就是实例成员
    11. // 实例成员只能通过实例化的对象来访问
    12. console.log(ldh.uname);
    13. ldh.sing();
    14. // console.log(Star.uname); // 不可以通过构造函数来访问实例成员
    15. // 2. 静态成员 在构造函数本身上添加的成员 sex 就是静态成员
    16. Star.sex = '男';
    17. // 静态成员只能通过构造函数来访问
    18. console.log(Star.sex);
    19. console.log(ldh.sex); // 不能通过对象来访问

    打印结果:

     

     👉👉👉 欢迎来访船长在船上的博客,如有疑问可以留言、评论,看到后会及时回复。  

  • 相关阅读:
    企业研发数据:省级工业企业研发费用、企业非真实研发支出原始数据加计算stata do代码两大维度指标
    基于 Python+DenseNet121 算法模型实现一个图像分类识别系统
    高并发编程:并发容器
    Shopee与Turkish Cargo正式达成战略合作伙伴关系
    【论文阅读】Generating Radiology Reports via Memory-driven Transformer (EMNLP 2020)
    Self-Damaging Contrastive Learning
    JavaSPI详解
    JS案例----轮播图
    【jQuery】jQuery操作之如何查找元素_02
    无人机开发
  • 原文地址:https://blog.csdn.net/SmartJunTao/article/details/126172276