返回

从继承到闭包，掌握JavaScript核心概念

前端





**从继承到闭包，掌握JavaScript核心概念** 

JavaScript是一门灵活强大的编程语言，其核心概念包括继承、闭包、数组去重和数组排序等。掌握这些概念对于深入理解JavaScript的运行机制和开发复杂的应用程序至关重要。本文将逐一介绍这些概念，并提供详细示例代码，帮助读者快速掌握。

**继承** 

继承是JavaScript中一种重要的概念，它允许一个对象从另一个对象获取属性和方法。在JavaScript中，继承可以通过两种方式实现：基于原型的继承和基于class的继承。

基于原型的继承是JavaScript中实现继承的传统方式。在这种方式下，一个对象可以从另一个对象继承属性和方法，但是子对象不会拥有自己的属性和方法。

基于class的继承是JavaScript中实现继承的另一种方式。在这种方式下，一个类可以从另一个类继承属性和方法，并且子类可以拥有自己的属性和方法。

**闭包** 

闭包是指在内部函数中使用外部函数的变量。闭包可以用来保存外部函数的变量，即使外部函数已经执行结束了。

闭包在JavaScript中非常有用，它可以用来实现许多功能，比如事件处理、定时器和惰性求值。

**数组去重** 

数组去重是指将数组中的重复元素删除，只保留唯一元素。数组去重在JavaScript中可以有多种实现方法，其中最简单的方法是使用Set对象。

Set对象是一个内置的数据结构，它可以存储唯一元素。我们可以将数组中的元素添加到Set对象中，然后将Set对象转换为数组，这样就可以得到一个去重后的数组。

**数组排序** 

数组排序是指将数组中的元素按照一定的顺序排列。数组排序在JavaScript中可以有多种实现方法，其中最常用的方法是使用sort()方法。

sort()方法可以对数组中的元素进行排序，它接受一个比较函数作为参数。比较函数用于比较两个元素的大小，如果比较函数返回一个正数，则第一个元素大于第二个元素；如果比较函数返回一个负数，则第一个元素小于第二个元素；如果比较函数返回0，则两个元素相等。

**示例代码** 

以下是关于继承、闭包、数组去重和数组排序的示例代码：

```javascript
// 基于原型的继承
function Person(name) {
  this.name = name;
}

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

function Student(name, major) {
  Person.call(this, name);
  this.major = major;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

const student = new Student('John', 'Computer Science');
student.greet(); // Hello, my name is John

// 基于class的继承
class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }
}

const student = new Student('John', 'Computer Science');
student.greet(); // Hello, my name is John

// 闭包
function createCounter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3

// 数组去重
const array = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

// 数组排序
const array = [1, 5, 2, 3, 4];
array.sort((a, b) => a - b);
console.log(array); // [1, 2, 3, 4, 5]

希望本文能够帮助读者更好地理解JavaScript中的继承、闭包、数组去重和数组排序概念。