Question

在现实生活中，哪种方法更方便？有人可以启发我吗？并说出它们之间的区别（效率/干净代码等）

所有这些都给出相同的结果。类是ES6。

第二种方法构造器模式与显示模块模式相结合。

3rd只是构造函数模式/函数，其属性用于常规函数声明中。

我想创建一个应用程序，该应用程序从输入表单中插入一些数据，并使用类/构造函数进行创建，然后将其显示在UI中。数据显然总是在变化（当我插入新的输入表单时会创建多个对象）

// 1st approach with classes
const test1 = (() => {
  class TestClass {
    constructor() {
     this.string = 'Class';
    }

  classMethod() {
   console.log(this.string);
  }
 }

  const testClass = new TestClass();

  return {
   testClass
  }
 })();

test1.testClass.classMethod();

// 2nd approach with constructor and constructor protoype methods
const test2 = (() => {
 function TestConstructor() {
  this.string = 'Constructor';
 }

TestConstructor.prototype = {
 constructorMethod() {
  console.log(this.string);
 }
}

const testConstr = new TestConstructor();

 return {
  testConstr
 }
})();

test2.testConstr.constructorMethod();

// 3rd approach with constructor with function declaration
const test3 = (() => {
 function TestConstructor() {
  this.string = 'Constructor with function declaration';
 }

 const testConstr = new TestConstructor();

 function normal() {
  console.log(testConstr.string);
 }

 return {
  normal
 }
})();

test3.normal();

显示模块模式Javascript

0 个答案: