青少年编程与数学 01-007 在网页上编写程序 15课题、属性和方法4_2

本文探讨了JavaScript中的属性和方法，属性是对象状态的表示，分为数据属性和访问器属性，可通过点符号或方括号语法访问和设置。数据属性包含实际值，访问器属性则包含getter和setter函数。属性具有可枚举性、可配置性和可写性等属性描述符，可通过Object.defineProperty等方法设置。方法则是对象的行为，可以是内置的或用户自定义的，通过对象调用执行特定任务。内置对象如String、Array、Date提供了丰富的方法，用户也可以在自定义对象上定义方法。方法的调用、参数传递、返回值以及作用域中的this关键字的使用都是JavaScript编程中的关键概念。

四、常见属性

在JavaScript中，属性可以是任何对象的成员，包括内置对象、用户自定义对象以及DOM节点等。下面是一些JavaScript中常见的属性和相关概念：

1. 内置对象的属性

JavaScript提供了一系列内置对象，如Array、String、Date、Math等，它们都有各自的属性。

• Array.prototype.length: 表示数组中元素的数量。
• String.prototype: 包含了字符串对象的多个属性和方法。
• Date.prototype: 提供了日期对象的各种属性和方法。
• Math: 提供数学常数和函数，如Math.PI, Math.E等。

2. DOM对象的属性

在Web开发中，DOM（Document Object Model）对象拥有许多属性，用于描述HTML元素的特性。

• element.id: HTML元素的ID。
• element.className: HTML元素的类名。
• element.style: 访问元素的内联样式。
• window.location: 当前页面的URL信息。
• document.title: 当前文档的标题。

3. 自定义对象的属性

当你创建自己的对象时，你可以定义任意数量的属性。

let person = {
    firstName: "John",
    lastName: "Doe",
    age: 30
};

4. 属性的可枚举性、可配置性和可写性

属性可以有三个重要的描述符：enumerable、configurable和writable。

• enumerable: 是否在循环中出现。
• configurable: 是否可以删除属性或改变其描述符。
• writable: 对于数据属性，是否可以重新赋值。

let obj = {};
Object.defineProperty(obj, 'prop', {
    value: 42,
    writable: false,
    enumerable: true,
    configurable: false
});

5. 方法作为属性

方法可以被看作是对象的一种特殊属性，它们是函数，当调用时执行特定任务。

let person = {
    sayHello: function() {
        console.log("Hello!");
    }
};
person.sayHello(); // 调用方法

6. 属性的访问和修改

属性可以通过点符号或方括号来访问或修改。

let obj = { key: "value" };
console.log(obj.key); // 或者 obj['key']
obj.key = "new value";

7. 动态属性

在JavaScript中，属性可以在运行时动态添加或删除。

let obj = {};
obj.newProp = "New Value";
delete obj.newProp;

8. 属性的遍历

使用for...in循环或Object.keys()、Object.getOwnPropertyNames()等方法可以遍历对象的属性。

let obj = { a: 1, b: 2 };
for (let prop in obj) {
    console.log(prop + ": " + obj[prop]);
}

这些只是JavaScript属性的一些基本方面，深入理解它们将帮助你在编程中更有效地使用对象。

五、面向对象编程中的方法

在面向对象编程（OOP）中，方法是与对象关联的函数，它们定义了对象可以执行的操作或者说是对象的行为。方法是类的一部分，用于操作类的属性，执行特定的任务，或者与其他对象交互。方法可以接受参数，返回值，并且可以访问和修改对象的内部状态（属性）。

方法的作用

1. 封装行为：方法将一组相关的操作封装在一起，使得代码更加模块化和易于维护。

2. 隐藏实现细节：方法允许你隐藏对象的内部实现细节，只暴露必要的接口，这就是所谓的封装原则。

3. 促进重用：方法可以被同一个类的多个实例重用，也可以通过继承被子类重用。

4. 多态性：方法可以通过重载（overloading）或重写（overriding）来支持多态性，即同样的方法名在不同的上下文中可以有不同的实现。

方法的定义

在不同的面向对象编程语言中，方法的定义方式可能会有所不同。以几种流行的编程语言为例：

• Java:

  public class Circle {
      private double radius;
  
      public Circle(double r) {
          radius = r;
      }
  
      public double getArea() {
          return Math.PI * radius * radius;
      }
  }
  

• Python:

  class Circle:
      def __init__(self, radius):
          self.radius = radius
  
      def area(self):
          return math.pi * self.radius ** 2
  

• JavaScript (ES6):

  class Circle {
      constructor(radius) {
          this.radius = radius;
      }
  
      area() {
          return Math.PI * this.radius * this.radius;
      }
  }
  

方法的调用

方法通常通过对象实例来调用。例如，如果有一个Circle对象，你可以通过以下方式调用area方法：

circle = Circle(5)
print(circle.area())  # Python

Circle circle = new Circle(5);
System.out.println(circle.getArea());  // Java

const circle = new Circle(5);
console.log(circle.area());  // JavaScript

在面向对象编程中，合理设计和使用方法是构建可维护、可扩展和可复用软件的关键。

六、编程中的方法与现实

编程中的方法与现实世界中的“方法”或“做法”在概念上有相似之处，但它们的应用场景、形式和目的有显著的区别。下面分别对两者进行说明，并指出它们之间的差异：

现实世界中的方法

在现实世界中，“方法”通常指的是完成某项任务或达到某个目标的一系列步骤或程序。这些方法可以是非正式的，也可以是经过精心设计和标准化的流程。它们可以应用于各种领域，如科学研究、烹饪、教育、工程、艺术等。

特点包括：

• 非结构化：现实世界的方法可能不会严格遵循特定的格式或结构，除非是在高度规范化的环境中。
• 依赖于物质世界：它们通常涉及到物理对象、材料和能量的使用。
• 主观性：在一些领域，如艺术或心理疗法，方法可能包含大量的个人解释和创造性元素。
• 人类参与：大部分现实世界的方法需要人的判断、技能和直觉来执行。

编程中的方法

在编程中，方法是指一组封装在类或对象内的可执行代码，用于执行特定任务或操作。它们是实现软件功能的基本构建块之一。

特点包括：

• 结构化：编程方法必须遵循严格的语法规则和结构。
• 自动化：一旦编写好，方法可以自动执行，无需人类干预。
• 精确性：方法的执行完全依赖于预定义的逻辑和算法，没有主观解释的空间。
• 可重用性：方法可以被多次调用，从而实现代码的复用，提高效率和减少错误。

主要区别

1. 抽象程度：现实世界的方法往往需要考虑物理世界的限制和变数，而编程方法则是高度抽象的，仅存在于虚拟的计算机环境中。

2. 执行环境：现实世界的方法在物理世界中执行，可能受到多种外部因素的影响；而编程方法在计算机环境中执行，其执行结果可预测且一致。

3. 表达形式：现实世界的方法可以用自然语言、图表或流程图来描述，而编程方法必须用特定的编程语言来编写。

4. 执行主体：现实世界的方法通常由人或机械设备执行，而编程方法由计算机自动执行。

5. 可复制性和可重用性：编程方法可以轻易地在不同的软件项目中复制和重用，而现实世界的方法可能因环境或条件的变化而难以复制。

6. 反馈和调整：现实世界的方法可能需要基于实验或实践的反馈进行调整，而编程方法的调整通常基于测试和调试的结果。

综上所述，尽管“方法”这一概念在现实世界和编程中都有应用，但其表现形式、执行环境和目的存在根本性的差异。

七、Javascript方法

在JavaScript中，方法是与对象关联的函数，它们用于执行特定的操作或返回某些值。方法可以是内置的，例如字符串、数组和日期对象上的方法，也可以是用户自定义的，定义在自定义对象上。下面详细介绍JavaScript方法的几个关键方面：

1. 内置对象方法

JavaScript提供了许多内置对象，每个对象都有一组预定义的方法。例如：

• String对象的方法:

  • toUpperCase(): 将字符串转换成大写。
  • toLowerCase(): 将字符串转换成小写。
  • indexOf(): 查找子字符串的位置。
  • split(): 根据分隔符分割字符串。

• Array对象的方法:

  • push(): 向数组末尾添加一个或多个元素。
  • pop(): 删除并返回数组的最后一个元素。
  • slice(): 返回数组的一部分。
  • forEach(): 遍历数组的每个元素。
  • map(): 创建一个新数组，其结果是调用一个提供的函数处理过的当前数组的每个元素。

• Date对象的方法:

  • getTime(): 返回从1970年1月1日至今的毫秒数。
  • setDate(): 设置日期。
  • getDay(): 获取星期几。

2. 用户自定义方法

你可以在自己创建的对象上定义方法。这些方法通常用于执行特定于对象的任务或操作。

let person = {
    name: "John",
    age: 30,
    sayHello: function() {
        console.log("Hello, my name is " + this.name);
    }
};

person.sayHello(); // 输出: Hello, my name is John

3. 方法的调用

方法通常通过对象名称后跟点符号（.）和方法名称来调用，后面跟着括号()，括号内可以包含零个或多个参数。

let str = "hello world";
let upperCaseStr = str.toUpperCase(); // 调用方法

4. 方法的参数

方法可以接收任意数量的参数，这些参数在方法内部可以被访问和使用。

function addNumbers(a, b) {
    return a + b;
}

let sum = addNumbers(5, 3); // 参数传递给方法

5. 方法的返回值

方法可以返回一个值，这通常是通过return语句完成的。如果没有return语句，那么默认返回undefined。

function getLength(str) {
    return str.length;
}

let length = getLength("hello"); // 返回字符串长度

6. 方法的作用域和this关键字

在方法中，this关键字指向调用该方法的对象。在箭头函数中，this的绑定规则略有不同，它会捕获创建时的this值。

let person = {
    name: "John",
    printName: function() {
        console.log(this.name);
    }
};

person.printName(); // 输出: John

7. 方法的重写

在原型链中，方法可以被重写。子类可以覆盖父类的方法，以便提供不同的实现。

function Animal() {}
Animal.prototype.speak = function() {
    console.log("The animal makes a sound.");
};

function Dog() {}
Dog.prototype = new Animal();
Dog.prototype.speak = function() {
    console.log("Woof!");
};

let dog = new Dog();
dog.speak(); // 输出: Woof!

这些就是JavaScript方法的一些基本概念和用法。熟练掌握方法的使用对于编写高效和功能丰富的JavaScript代码至关重要。