Javascript是一种非常流行的编程语言，它是一种动态的、弱类型的语言，大量运用于现代网页开发中。而ES6的引入，也让Javascript拥有了更加好用的模块导入方法：import from语法。

import from可以导入一些由其他JavaScript文件或模块导出的变量、对象、函数和类。下面举三个例子：

// 导入一个名为"message"的变量
import { message } from './app.js';
// 导入一个名为"Person"的类
import Person from './person.js';
// 导入一个名为"myFunction"的函数
import { myFunction } from './utils.js';

第一个例子展示了如何从app.js文件中导入一个名为“message”的变量。在app.js文件中，变量“message”需要像这样export：

export const message = "Hello World!";

第二个例子展示了如何从另一个JavaScript文件中导入一个名为“Person”的类。在person.js文件中，Person类需要像这样export default：

export default class Person {
constructor(name) {
this.name = name;
}
}

第三个例子展示了如何从utils.js文件中导入一个名为“myFunction”的函数。在utils.js文件中，myFunction函数需要像这样export：

export const myFunction = () =>{
console.log("Hello World!");
};

需要注意的是，如果使用import from语法导入一个方法，那么这个方法需要在导出时被显式命名。例如：

export const myFunction = () =>{
console.log("Hello World!");
};

需要显式命名myFunction。这样导入时的代码就如我们在上面第三个例子中看到的一样。

除了导入单个方法或变量外，你还可以使用import * as语法来导入一个模块中的所有方法。下面是一个例子：

import * as app from './app.js';
console.log(app.message);

在这个例子中，我们使用import * as app from语法导入了一个名为“app”的模块。现在，我们可以在app变量中使用模块导出的message变量，就像在第一个例子中一样。

总之，import from语法是JavaScript中一个强大而易于使用的模块导入工具。它使得导入其他JavaScript文件、对象、方法和类非常容易，使得你可以更轻松地管理你的代码。