0

0

JavaScript面向对象编程_javascript核心技术

夢幻星辰

夢幻星辰

发布时间:2025-12-03 20:10:02

|

808人浏览过

|

来源于php中文网

原创

JavaScript面向对象编程基于构造函数和原型,ES6引入class语法糖使写法更直观。1. 构造函数用于初始化实例,prototype存储共享方法;2. class中的constructor初始化属性,其他方法挂载到原型;3. 使用extends实现继承,super调用父类构造函数;4. static定义静态方法,#前缀声明私有字段;5. 实例访问自身属性及原型链上的方法,私有字段仅类内可访问。

javascript面向对象编程_javascript核心技术

JavaScript 面向对象编程(OOP)是其核心技术之一,让开发者能够以更结构化、可复用的方式组织代码。虽然 JavaScript 是基于原型的语言,不像 Java 或 C++ 那样有类的严格定义,但从 ES6 开始引入了 class 语法糖,使面向对象的写法更加直观。

构造函数与原型对象

在 ES6 之前,JavaScript 使用构造函数和原型来实现对象的创建与继承。

说明:

构造函数是一种特殊的函数,用来初始化新创建的对象。通过 new 操作符调用构造函数,可以生成实例。

每个函数都有一个 prototype 属性,指向一个对象,该对象将作为所有实例的原型。实例可以访问原型上的属性和方法。

立即学习Java免费学习笔记(深入)”;

示例:

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.greet = function() {
  console.log(`Hello, I'm ${this.name}`);
};

const person1 = new Person('Alice', 25);
person1.greet(); // 输出: Hello, I'm Alice

ES6 类语法

ES6 引入了 class 关键字,让面向对象编程更清晰易读。它本质上是构造函数和原型机制的语法糖。

基本用法:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, I'm ${this.name}`);
  }
}

const person2 = new Person('Bob', 30);
person2.greet(); // 输出: Hello, I'm Bob
注意:

类中的方法定义在原型上,constructor 方法用于初始化实例属性。其他方法会自动添加到原型中。

飞蛙B2B2C商城电商系统
飞蛙B2B2C商城电商系统

飞蛙B2B2C(FeiWa B2B2C)商城系统是山东破浪网络科技有限公司于2017年最新推出的企业级B2B2C电商平台系统,采用PHP5+MySQL技术为基础,OOP(面向对象)方式进行核心框架搭建,结合MVC模式进行开发,可以支持Windows/Unix服务器环境,需PHP5.3及以上版本支持,可运行于包括Apache、IIS和Nginx在内的多种WEB服务器。飞蛙B2B2C(FeiWa B2

下载

继承与 extends

JavaScript 支持通过 extends 实现类的继承,子类可以继承父类的属性和方法。

使用 super 调用父类的构造函数或方法。

示例:

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age); // 调用父类构造函数
    this.grade = grade;
  }

  study() {
    console.log(`${this.name} is studying.`);
  }
}

const student1 = new Student('Charlie', 20, 'A');
student1.greet(); // 继承自 Person
student1.study(); // Student 特有方法

静态方法与私有字段(现代 JS)

静态方法属于类本身,而不是实例。使用 static 关键字定义。

私有字段使用 # 前缀声明,只能在类内部访问。

示例:

class MathUtils {
  static add(a, b) {
    return a + b;
  }

  #secretValue = 42;

  showSecret() {
    console.log(this.#secretValue);
  }
}

console.log(MathUtils.add(3, 5)); // 8

const utils = new MathUtils();
utils.showSecret(); // 42
// utils.#secretValue; // 错误:无法外部访问

基本上就这些。掌握构造函数、原型链、class 语法、继承和静态/私有成员,就能熟练运用 JavaScript 的面向对象特性。不复杂但容易忽略细节。

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

835

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

741

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

736

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

397

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

399

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

446

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

430

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16926

2023.08.03

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

68

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
C# 教程
C# 教程

共94课时 | 7万人学习

550W粉丝大佬手把手从零学JavaScript
550W粉丝大佬手把手从零学JavaScript

共1课时 | 0.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号