Class-是对象的模板

最新推荐文章于 2022-05-22 23:06:04 发布
最新推荐文章于 2022-05-22 23:06:04 发布
阅读量221 收藏 1
点赞数
分类专栏： JavaScript 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chonger_feifei/article/details/123340833
版权

定义

class Person {
     constructor() {}
     speak() {}
   }

表达式

const Person = class {
  constructor() {}
  speak() {}
};

调用

new Person();

立即执行

new (class {
    constructor() {
      console.log("cons");
    }
  })();
  // 对比构造函数
  (function () {
    console.log("func");
  })();

类名

首字母大写

构造方法

可不写，浏览器会自动补
实例化时执行构造方法

1）属性/方法定义在构造方法中（实例上）-实例属性/方法，不共享

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
    //定义在构造方法中，各实例方法不共享
    // 各方法有各自地址，占用更多内存
    this.speak = () => {};
  }
}
const zs = new Person("ZS", 18);
const ls = new Person("LS", 20);
console.log(zs.speak === ls.speak); //false

2）属性/方法定义在构造方法外（原型上）-用于赋予对象默认属性值；各实例方法共享

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  // 定义在构造方法外，各实例共享
  speak() {
    console.log("speak");
  }
}
const zs = new Person("ZS", 18);
const ls = new Person("LS", 20);
console.log(zs.speak === ls.speak); //true

与构造函数本质相同

Class

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  // 本质：在原型上添加函数
  speak() {
    console.log("speak");
  }
}

构造函数

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.speak = function () {
  console.log("speak");
};

属性和方法

实例属性&静态属性

静态就是类的

class Person {
   // 实例属性1:赋给对象默认的属性值
   country = "美国";
   constructor(name) {
   // 实例属性2 
     this.name = name;
   }
   // 静态属性写法1：新提案，注意兼容
   static version = "1.0";
   // 静态属性写法2：方法的返回值形式
   static getVersion() {
     return 1.0;
   }
 }
const p = new Person("Alex");
console.log(p.name); //Alex
console.log(p.country); //美国
console.log(Person.version); //1.0
console.log(Person.getVersion); //ƒ getVersion() { return 1.0;}

实例方法&静态方法

实例方法-实例的方法-通过原型定义-用实例.方法名去调用
静态方法-类的方法-用函数直接定义-用类名.方法名去调用

class Person {
  constructor(name) {
    this.name = name;
  }
  // 实例方法写法1 
  speak() {
    console.log("speak");
    // this指向实例
    console.log(this);
  }
  // 静态方法写法1
  static speak() {
    console.log("人类可以说话");
    // this指向类
    console.log(this);
  }
}
// // 实例方法写法2 
// Person.prototype.speak = function () {
//   console.log("speak");
//   // this指向实例
//   console.log(this);
// };
// 静态方法写法2-不利于类的封装，不建议
// Person.speak = function () {
//   console.log("人类可以说话");
//   // this指向类
//   console.log(this);
// };
const p = new Person("Alex");
console.log(p.name); //Alex
console.log(p.country); //美国
// 调用实例方法
p.speak();
// 调用静态方法
Person.speak();

私有属性&私有方法

一般情况下，类的属性和方法是公开的；可被外界修改，造成意想不到的错误

class Person {
   constructor(name) {
     this.name = name;
   }
 }
 const p = new Person("Alex");
 console.log(p.name); //Alex
 p.name = "ZS";
 console.log(p.name); //ZS

ES6原生中无私有属性/方法，需要模拟
方法一：_开头

class Person {
  constructor(name) {
    this._name = name;
  }
  // 访问接口
  getName() {
    return this._name;
  }
}
const p = new Person("Alex");
console.log(p.getName()); //Alex
p.name = "ZS";
console.log(p.getName()); //Alex

方法二：利用IIFE特性（可形成单独作用域）
相较于方法一，私有性更强

// 封装
(function () {
  // 被移出的类
  let username = "";
  class Person {
    constructor(name) {
      username = name;
    }
    // 访问接口
    getName() {
      return username;
    }
  }
  //在全局中复制一个Person类
  window.Person = Person;
})();
// 调用
(function () {
  const p = new Person("Alex");
  console.log(p.getName()); //Alex
  p.name = "ZS";
  console.log(p.getName()); //Alex
})();

继承

extends

继承父类所有方法和属性
同名覆盖原则-改写方法和属性
增加自有方法和属性

class Person {
  constructor(name, sex) {
    // 实例属性
    this.name = name;
    this.sex = sex;
    // 实例方法-不共享
    this.say = function () {
      console.log("speak1");
    };
  }
  //  实例方法-共享
  speak() {
    console.log("speak2");
  }
  // 静态方法
  static speak() {
    console.log("static speak");
  }
}
// 静态属性
Person.version = "1.0";
class Programmer extends Person {
  // 子类增加属性：feature
  constructor(name, sex, feature) {
    super(name, sex);
    // this不可在super之前
    this.feature = feature;
  }
  // 子类方法改写：同名覆盖
  speak() {
    console.log("speak2new");
  }
}
// 子类属性改写：同名覆盖
Programmer.version = "2.0";

super

作为函数

代表父类的构造方法，只能用于子类的构造方法，用于其他地方报错
虽代表父类的构造方法，但内部的this指向子类的实例

class Person {
  constructor(name) {
    this.name = name;
    console.log(this); //Programmer {name: undefined}
  }
}
class Programmer extends Person {
  constructor(name, sex) {
    super(name);
    this.sex = sex;
    console.log(this); 
    //Programmer {name: undefined, sex: undefined}
  }
  hi() {
    // super();//报错
  }
}
new Programmer();

作为对象-用于构造方法中

代表父类原型对象，Person.prototype；故定义在父类实例上的方法或属性，无法通过super调用
用super调用父类原型上的方法时，方法内部this指向当前的子类实例

class Person {
  constructor(name) {
    // 定义在父类实例上的属性
    this.name = name;
  }
  // 定义在父类原型上的属性
  speak() {
    console.log("speak");// speak
    console.log(this); //Programmer {name: 'ZS', sex: 'male'}
  }
}
class Programmer extends Person {
  constructor(name, sex) {
    super(name);
    this.sex = sex;
    // super不可访问定义在父类实例上的属性;
    console.log(super.name); //undefined
    // super可访问定义在父类原型上的属性
    super.speak(); 
  }
}
new Programmer("ZS", "male");

作为对象-用于一般方法中（特点同构造方法）

代表父类原型对象Person.prototype；
故定义在父类实例上的方法或属性，无法通过super调用
用super调用父类原型上的方法时，方法内部this指向当前的子类实例

class Person {
      constructor(name) {
        this.name = name;
      }
      speak() {
        console.log("speak"); //speak(输出2)
        console.log(this); 
        //Programmer {name: 'ZS', sex: 'male'}(输出3)
      }
    }
    class Programmer extends Person {
      constructor(name, sex) {
        super(name);
        this.sex = sex;
      }
      speak() {
        // super不可访问定义在父类实例上的属性;
        console.log(super.name); //undefined(输出1)
        // super可访问定义在父类原型上的方法
        // 1)先继承父类的speak()内容
        super.speak();
        // 2)再写子类的speak()内容
        console.log("Programmer speak"); 
        //Programmer speak(输出4)
      }
    }
    const p = new Programmer("ZS", "male");
    p.speak();

作为对象-用于静态方法中-报错

静态方法里只能调用静态方法、只能使用静态属性
代表父类，而不是父类原型
用super调用父类原型上的方法时，方法内部this指向当前的子类

class Person {
  constructor(name) {
    this.name = name;
  }
  static speak() {
    console.log("Person speak"); //Person speak
    console.log(this); //class Programmer extends Person {...}
  }
}
class Programmer extends Person {
  constructor(name, sex) {
    super(name);
    this.sex = sex;
  }
  static speak() {
    super.speak();
    console.log("Programmer speak"); //Programmer speak
  }
}
Programmer.speak();

显式指定作为函数还是对象，否则报错

class Person {
   constructor(name) {
     this.name = name;
   }
   speak() {
     console.log("speak");
   }
 }
 class Programmer extends Person {
   constructor(name, sex) {
     // 显示指定-作为函数用
     super(name);
     this.sex = sex;
     // 不指定报错
     // console.log(super);
     // 显示指定-作为对象用
     console.log(super.speak);
   }
 }

应用-幻灯片

chonger_feifei
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
共享对象模板
Kyee编程之道
02-06 252
在多线程编程中，涉及多线程对象共享，为了保证对象有效，防止出现一个线程正在操作对象而另外线程正在或已经释放对象的情况。共享对象模板就是针对多线程共享对象而设计，通过对象引用计数来保证对象有效及对象释放的向后延迟。
Velocity Java表现层技术
tuo_fei_lun的专栏
09-29 589
一，Velocity语法-表现层技术（Jsp，Freemarker等） Velocity是一个基于java的模板引擎（template engine），它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。作为一个比较完善的模板引擎，Velocity的功能是比较强大的，但强大的同时也增加了应用复杂性。此语法是一种Java模版引擎技术，是辅助jav
类与对象模板
weixin_65734716的博客
05-22 140
/*一、设计类，其实就是设计类的成员 * * 属性=成员变量=field=域、字段 * 方法=成员方法=函数=method * * 创建类的对象=类的实列化=实列化类 * * 二、类和对象的使用（面向对象思想落地的实现）： * 1.创建类，设计类的成员及方法 * 2.创建类的对象 * 3.通过“对象.属性”或“对象.方法”调用对象的结构 */ //测试类 public class PersonTest { public static void main(String[] ...
类和对象。
weixin_45715131的博客
01-19 1173
类就是一类对象的统称。对象就是这一类具体化的一个实例。 简单的例子：我们做月饼的模子就是一个类，而通过这个模子可以做出月饼，那么在这个例子当中，类就是那个模 子，而月饼就是那个对象,所以月饼就是一个实体。一个模子可以实例化无数个对象。 总的来说：类相当于一个模板，对象是由模板产生的样本。一个类，可以产生无数的对象。 声明一个类就是创建一个新的数据类型，而类在 Java 中属于引用类型， Java 使用关键字 class 来声明类。我们来 看以下简单的声明一个类。 // 创建类 class 类名（大驼峰）{
类和对象之模板
可乐不解渴
06-12 566
文章目录
java面向对象模板_JAVA面向对象
weixin_39713833的博客
02-28 381
JAVA面向对象类和对象类：类是对对象的一种抽象描述，也就是说，类其实就是定义对象的一个模板，在这个模板里面充分描述了对象所具有的属性和行为(方法)对象：通过类具体创建出来的实体，就是对象，这些对象是可以拿来使用的，一个类可以创建出任意个相同的对象(也就是一对多关系)所以，在编写代码时，必须先编写类(Class)，然后通过这个Class来创建对象，创建对象使用new关键字(例如：Peoplep...
class-string.rar_对象数组
09-23
1. **类**（Class）的定义：用于创建学生对象的模板。 2. **对象数组**：存储多个学生对象的数据结构。 3. **构造函数**：用于初始化对象的特殊函数。 4. **函数参数**：`max` 函数接收指向学生对象的指针数组和数组...
Java-面向对象设计-类和对象.docx
12-16
类是对象的模板，一个类可以对应多个对象。类的设计是面向对象程序设计的重点，而不是对象的设计。一个类按同种方法产生出来的多个对象，其初始状态都是一样的，但是修改其中一个对象的时候，其他的对象是不会受到...
ds_class-ieg.rar_class
09-22
在面向对象编程中，类是一种模板或者蓝图，定义了对象的状态（属性）和行为（方法）。在数据结构中，类通常被用来抽象数据的存储和操作，例如，一个“Stack”类可能会有“push”和“pop”这样的方法。 根据压缩包内...
class-contact
05-14
联系人的数据可以以JSON对象的形式存储，并在需要时读取加载。 4. **本地存储API**：在浏览器环境中，可以使用Web Storage（包括localStorage和sessionStorage）来在用户的浏览器中保存数据。在这个项目中，...
Python基础-面向对象OOP
12-21
面向对象编程（Object-Oriented Programming，简称OOP）是Python中重要的编程范式之一，它基于类（Class）和对象（Object）的概念，强调数据和功能的封装，以及代码的重用性。 在OOP中，类是抽象的模板，它定义了一...
类模板对象做函数参数
嵌入式
07-02 1188
类模板对象做函数参数的方式 指定传入的类型 — 直接显示对象的数据类型 参数模板化 — 将对象中的参数变为模板进行传递 整个类模板化 — 将这个对象类型 模板化进行传递 示例： #include <string> //类模板 template<class NameType, class AgeType = int> class Pe...
HLA对象模型模板
rowenci的博客
02-24 1064
HLA对象模型模板 HLA采用对象模型（Object Model）来描述联邦及联邦成员。该对象模型描述了联邦在运行过程中需要交换的各种数据以及相关信息。 HLA规定必须用一种统一的表格——对象模型模板（OMT，Object Model Template）来规范对象模型的描述。 概述 HLA OMT是一种标准的结构框架，是描述HLA对象模型的关键部件。 HLA定义了两类对象模型，一类是描述仿真联邦的联邦对象模型（FOM）；另一类是描述联邦成员的成员对象模型（Simulation Object Model，SO
class模板和继承的基础应用
m0_49037268的博客
05-08 110
class基础应用 class是面向对象语法的一个实现，class本质上类似于一个模板，可以利用这个模板去构造一个东西 constructor构造函数 可以复制属性 方法 //这个是类 class Girlfriend { //构建实例 //构建的时候的一些事情 constructor(name, height) { //constructor里面传一些参数 对参数赋值或者默认值 还有方法 this.name = name this.height =
类与对象的相关介绍以及联系
naoguoteng的博客
11-05 680
今天小编来聊聊类与对象有些什么区别,又有些什么联系! 1.什么是类2.如何创建类/创建匿名对象3.一个类里面有些什么4.示例1.什么是对象2.如何创建对象3.如何调用类中的属性和方法三.类与对象的联系1.什么是类 类是一组相似事物的统称,属于概念模型,具有相同属性和行为的多个事物. 类代表的是一类事物,如:人类,车类,花类......(从不同角度看,就会有不同的结果!对象是具体的,是实实在在存在的个体,代表的是一个事物,是类里面的一个实例,因此对象还有一个名称叫做实例在Java语言中要想得到对象,
Java入门篇（六）——类和对象，java面试题，java中级笔试题
asafinder2的博客
04-21 742
写在最前面，我总结出了很多互联网公司的面试题及答案，并整理成了文档，以及各种学习的进阶学习资料，免费分享给大家。扫码加微信好友进【程序员面试学习交流群】，免费领取。也欢迎各位一起在群里探讨技术。 写到这里终于写到了入门篇的最后一个知识点了。类和对象是Java中经常被提到的两个词汇，实际上可以将类看作对象的载体，它定义了对象所具有的功能。Java是面向对象的语言，因此掌握类与对象是学习Ja...
面向对象---类和对象
weixin_51492999的博客
03-18 318
文章目录面向过程和面相对象的区别类与对象的关系什么是类？什么是对象？对象的创建和使用one对象的内存图使用对象类型作为方法的参数使用对象类型作为方法的返回值局部变量和成员变量面向对象三大特征之封装性this关键字的作用构造方法定义一个标准的类 面向过程和面相对象的区别 面相过程注重过程，代码细节要自己写。 面向对象注重对象，编写代码时，引用jdk中已有的类的方法去实现功能，不用自己写。 类与对象的关系 什么是类？ 类是一组相关属性和行为的集合，是对一类事物的描述，是抽象的。 属性：是什么（以小狗为例，颜色、
类与对象
清荣峻茂的博客
11-17 455
今日内容 面向对象 类与对象 三大特征 构造方法 学习目标 能够理解面向对象的编程思想 ​ 能够明确类与对象的关系 ​ 能够掌握类的定义格式 ​ 能够掌握创建对象的格式，并访问类中的成员 ​ 能够根据类与对象的关系定义相关的事物 ​ 能够理解对象的内存图解 ​ 能够说出成员变量与局部变量的异同点 ​ 能够理解private关键字的含义 ​ 能够说出this关键字可以解决的问题 ​
Java中谁是对象的模板_Java中()是构造对象的模板和蓝图。_学小易找答案
weixin_42528534的博客
02-28 697
【填空题】HDFS是一种()系统【多选题】处理顾客购买时间异议,有哪些策略?【填空题】Java中的类是通过()关键字进行继承的?【填空题】2006年亚马逊推出的对象存储是()?【判断题】肢体语言又称身体语言,是指通过头部、眼睛、颈部、手指等人体部位的协调活动来传达人物的思想,形象地借以表情达意的一种沟通方式。【填空题】Java中的一个char类型占用几个字节?【多选题】建立客户档案包括哪些内容?【...
在Java中class是对象的模板吗？
最新发布
06-11
是的，在Java中`class`是用来定义对象的模板或者蓝图，包含了对象的属性和方法。当我们定义一个`class`时，实际上是在定义一个新的数据类型，这个数据类型可以创建多个实例对象。 一个`class`通常包含了对象的属性...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值