极客教程Typescript中的import与require
在使用Typescript编写代码时，我们经常需要引入外部模块或库以扩展我们的功能。在这种情况下，我们可以使用import语句或者require函数来导入模块。虽然它们可以实现相同的功能，但在一些情况下有一些细微的差别。本文将详细讨论Typescript中的import与require，以及它们的用法和区别。
import语句
import语句是ES6提供的一种导入模块的方式，它可以让我们在Typescript中引入其他模块，并使用其中定义的变量、函数和类。
基本语法
下面是import语句的基本语法：
import { ModuleName } from 'module_path';
例如，我们可以引入一个名为lodash的库：
import _ from 'lodash';
默认导入
除了按照名称导入特定的模块之外，我们还可以使用默认导出功能。在这种情况下，导入语句可以不包含大括号，并且可以指定导入的名称。
import MyModule from 'module_path';
导入全部内容
有时候我们可能需要导入一个模块的所有内容，这时可以使用* as语法：
import * as myModule from 'module_path';
require函数
在以前的JavaScript版本中，require函数是一种常见的导入模块的方式。虽然它最初是Node.js的一种模块加载方法，但在浏览器中也可以通过使用工具（例如Webpack）进行转换。
基本语法
使用require函数导入模块的基本语法如下：
const ModuleName = require('module_path');
例如，我们可以使用require函数导入lodash库：
const _ = require('lodash');
默认导出
与import语句一样，require函数也支持导入默认导出的功能。
const MyModule = require('module_path');
导入全部内容
同样地，我们也可以使用* as语法导入一个模块的所有内容。
const myModule = require('module_path');
区别与用法
尽管import语句和require函数可以实现相同的功能，但它们之间有一些重要的区别和用法上的差异。
import语句是ES6的语法，在Typescript中也支持，可以在编译时进行静态类型检查。而require函数是Node.js中的模块加载方法，并且需要通过Webpack等工具进行转换。-
在使用默认导出时，
import语句更为简洁，而且可以指定导入的名称。而require函数在导入默认导出时则显得更为冗长。 -
当需要导入一个模块的所有内容时，
import语句和require函数的语法也有一些差别。import语句使用* as语法，而require函数则直接使用require关键字。 -
在实际开发中，通常建议尽量使用
import语句而不是require函数。因为import语句在Typescript中得到了更好的支持，并且能够享受到编译时的静态类型检查。
示例代码
下面是一个简单的示例代码，演示了如何使用import语句和require函数来导入lodash库，并调用其中的方法：
// 使用import语句导入lodash库
import _ from 'lodash';
// 使用default导出的方式调用lodash中的方法
console.log(_.chunk([1, 2, 3, 4], 2));
// 使用require函数导入lodash库
const lodash = require('lodash');
// 使用default导出的方式调用lodash中的方法
console.log(lodash.chunk([1, 2, 3, 4], 2));
上述代码演示了如何使用import语句和require函数来导入lodash库，以及如何调用其中的方法。通过编译后的Javascript代码可以看到，import语句会被转换为ES6的模块加载语法，而require函数会被转换为CommonJS的模块加载语法。
总的来说，import语句和require函数都是在Typescript中导入模块的方法，可以根据具体的需求选择合适的方式来使用。建议在可行的情况下优先选择import语句，以便获得更好的Typescript支持和静态类型检查。