javascript - 包装类

标签 javascript reactjs

我想了解 Javascript 中的包装器类。

根据我的理解,我认为wrapper元素是这样的(Is div a wrapper here?)

<div> 
<!--- content and tags here ---> 
</div>

但是Wrapper类好像是新的,会不会是这样的?

考虑一下

class myClass {
//Some content
}

export default myClass 

如果我用 High Order 组件在 export 语句中包装一些东西(HOC 与 react 相关,但你可以忽略)

export default something (myClass)

这会被视为包装类吗?或包装类是别的东西?

最佳答案

普通 javascript 中没有“包装器”类这样的东西。只有一些类本质上是某些功能的包装器。例如,如果我们正在编写棋盘代码,我们可能有一个 Pawn 类,它“包装”了棋子的所有功能:

class Pawn {

  constructor(position) {
    this.position = position;
  }

  move() { 
  // some code
    }
  }
  
  
let pawn = new Pawn('A1');

在上面的示例中,Pawn 类“包装”了 pawn 对象的所有功能。这很有用,因为现在我们可以使用这些对象而无需查看其实现细节,我们只需要知道该对象的行为方式即可。类所做的主要事情是:

  1. 隐藏实现细节。
  2. 通过充当特定功能的包装器来减少命名冲突。我认为您的消息来源指的是术语“包装器类”,只是因为类本身具有此功能。

关于javascript - 包装类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50204678/

相关文章:

javascript - 使用 Node.js 上传图像时出错 - Express

javascript - Node 中更改小时的最佳方法是什么?

javascript - JS : Sort object array by creating a kind of map

javascript - Flowtype 不检查导入的 redux 容器上的 Prop

javascript - React Native获取Clicked(pressed)组件的属性

javascript - 预填充输入文本框

javascript - 限制 AngularJS 中的 ng-repeat 迭代

javascript - 如何使用 jsdoc 注释注释 React.forwardRef 以便智能感知可以显示在底层组件中?

javascript - React js我们如何设置Stripe测试 key

reactjs - 尝试在我的 React 应用程序中使用 cookie,但它一直被重新渲染