作业-4

1.简单叙述前端模块化系统演进历史

Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了，随着前端发展对
模块需求越来越大，模块也是经历了从最初的简单模块写法到AMD和CMD规范的出现，再到ES6发布，目前已经可以很方便的在Javascript中使用"类"和"模块"了。
1、以前的写法：

	function m1(){
　　　　//...
　　}

　　function m2(){
　　　　//...
　　}

缺点 ：
"污染"了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直
接关系。
2、对象写法：

为了解决上面缺点，把模块写成一个对象，所有的模块成员都放到这个对象里面

		var module1 = new Object({

　　　　_count : 0,

　　　　m1 : function (){
　　　　　　//...
　　　　},

　　　　m2 : function (){
　　　　　　//...
　　　　}

　　});

使用
module1.m1();

2.在ES6中使用什么语句实现模块的导入导出？

			导出数据：
				export var a = 123;
				export {a,b,c};
				export {a as b};
			导入数据：
				import {a,b};
				import {a as a1,b} from './文件地址'
				import命令具有提升效果，会提升到作用域的最前面
				import * as 变量名(自己定义) from "./文件地址"
			匿名导出：
				export default
			匿名导入:
				名字可以自己定义 import 变量名 form "./文件地址"

3.补充下面代码

原题：
//moudle5.js
export  class Point {
      constructor(x, y) {
          this.x = x;
          this.y = y;
      }
      toString() {
          return this.x + '\t' + this.y;
      }
  }
//index.js
let p=new Point(2,3);
console.log(p.toString());
修改后：
class Point {
constructor(x, y) {
	this.x = x;
	this.y = y;
}
toString() {
	return this.x + '\t' + this.y;
}
}
module.exports = Point;
// index.js在node_modules/files目录下
var Point = require('files')
let p = new Point(2,3)
console.log(p.toString());

4.在下滑线处补充完下面moudle6.js模块的程序

	//moudle6.js
	export default function (x, y) {
	    return x * y;
	}
	//index.js
	import myMethod  from './moudle6'
	console.log(myMethod(2,2))

5.下面程序打印的结果为？

export let foo = ()=> {console.log("fnFoo") ;return "foo"},bar = "stringBar";
		
//main.js文件
import {foo, bar} from "./lib";
console.log(foo());
console.log(bar);
输出结果为foo bar

6.下面程序打印的结果为？

export let  add=(a, b) => {
    if (typeof a == 'number' && typeof b == 'number') {
        return a + b
    } else {
        return 0
    }
}
//main.js文件
import {add} from "./add";
console.log(add(10,'a'));
输出结果为0

7.下面程序执行结果为？

// a.js
import {bar} from './b';
console.log('a.js');
console.log(bar);
export let foo = 'foo';

// b.js
import {foo} from './a';
console.log('b.js');
console.log(foo);
export let bar = 'bar';

执行node a.js运行结果为
路径不对，会报错

8.完善格式化日期模块 年-月-日 时:分:秒

	// 导出格式化日期
	module.exports = function (date){
		var y = date.getFullYear()
		var M = date.getMonth()+1
		var d = date.getDate()
		var h = date.getHours()
		var m = date.getMinutes()
		var s = date.getSeconds()
		return `${y}年${M}月${d}日${h}:${m}:${s}`
	}

	// 导入日期
	var showDate = require('formdate')
	console.log(showDate(new Date));

9.封装一个计算器模块 加减乘除

// 导出数据
class Comput{
	constructor(x,y) {
	    this.x = x;
		this.y = y;
	}
	add(){
		return this.x + this.y
	}
	sub(){
		return this.x - this.y
	}
	mul(){
		return this.x * this.y
	}
	divide(){
		return this.x / this.y
	}
}
module.exports = Comput;
// 导入数据
var Comput = require('algorrthm')
var c = new Comput(33,44) 
console.log(c.mul()); // 1452