四月八日

(function(modules) { // webpackBootstrap
 	// 模块的缓存
 	var installedModules = {};

 	// 核心require方法
 	function __webpack_require__(moduleId) {
 		// 如果存在缓存直接返回
 		if(installedModules[moduleId]) {
 			return installedModules[moduleId].exports;
 		}
 		// 创建一个新的module并放入的缓存中
 		var module = installedModules[moduleId] = {
 			i: moduleId,
 			l: false,
 			exports: {}
 		};

 		// 执行模块函数
    // 导出的对象会被添加到module.exports对象中
 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

    // 标识为loading状态
 		module.l = true;

 		// 返回模块中导出的对象
 		return module.exports;
 	}


 	// expose the modules object (__webpack_modules__)
  // 所有的模块对象
 	__webpack_require__.m = modules;

 	// expose the module cache
  // 被缓存的模块对象
 	__webpack_require__.c = installedModules;


 	// 在导出对象上定义 __esModule 属性，es6模块化规范
 	__webpack_require__.r = function(exports) {
 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		Object.defineProperty(exports, '__esModule', { value: true });
 	};
 
 	// 加载入口文件并导出
  // __webpack_require_方法上添加一个静态属性s,标识入口文件模块索引
 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
 })
/************************************************************************/
 ({
"./src/app.js":
  (function(module, __webpack_exports__, __webpack_require__) {
    __webpack_require__.r(__webpack_exports__);
    console.log('app')
    function App(){};
    __webpack_exports__["default"] = (App)
  }),

"./src/index.js":
  (function(module, __webpack_exports__, __webpack_require__) {
  __webpack_require__.r(__webpack_exports__);
    var _app__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/app.js");
    Object(_app__WEBPACK_IMPORTED_MODULE_0__["default"])();
    console.log("index.js");
  })
 });

(() => {
 	"use strict";
  // 类似react hooks的写法,直接在内部作用域中定义并执行
 	var __webpack_modules__ = ({
    "./src/app.js":
      ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

        __webpack_require__.r(__webpack_exports__);

        // 在指定的对象上面添加属性
        __webpack_require__.d(__webpack_exports__, {
          // 定义一个函数不会使用到未初始化的变量
          "default": () => (__WEBPACK_DEFAULT_EXPORT__)
        });
        console.log('app');
        function App(){}
        const __WEBPACK_DEFAULT_EXPORT__ = (App);
      }),
    "./src/index.js":
      ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
        __webpack_require__.r(__webpack_exports__);
        var _app__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/app.js");
        // ???????
        (0,_app__WEBPACK_IMPORTED_MODULE_0__.default)();
        console.log("index.js");
      })
  });
  // 模块缓存
  var __webpack_module_cache__ = {};

  // __webpack_require__没有变化
 	function __webpack_require__(moduleId) {
 		// Check if module is in cache
 		if(__webpack_module_cache__[moduleId]) {
 			return __webpack_module_cache__[moduleId].exports;
 		}

 		var module = __webpack_module_cache__[moduleId] = {
 			// no module.id needed
 			// no module.loaded needed
 			exports: {}
 		};
 	
 		// Execute the module function
 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 	
 		// Return the exports of the module
 		return module.exports;
 	}
 	
 	(() => {
 		// define getter functions for harmony（和谐） exports
    // 
 		__webpack_require__.d = (exports, definition) => {
 			for(var key in definition) {
        // 如果exports没有想添加的属性时
 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
          // 在exports上添加注入的属性
 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 				}
 			}
 		};
 	})();
 	
 	// hasOwnProperty简写
 	(() => {
 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 	})();
 	
  // 添加Module标识
 	(() => {
 		__webpack_require__.r = (exports) => {
 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 			Object.defineProperty(exports, '__esModule', { value: true });
 		};
 	})();
 	
 	
 	// startup
 	// Load entry module and return exports
 	// This entry module can't be inlined because the eval devtool is used.
 	var __webpack_exports__ = __webpack_require__("./src/index.js");
 	
 })()
;

(function(modules) {
 	// 加载异步模块成功后的回调函数
 	function webpackJsonpCallback(data) {
 		var chunkIds = data[0];
 		var moreModules = data[1];

 		// add "moreModules" to the modules object,
 		// then flag all "chunkIds" as loaded and fire callback
 		var moduleId, chunkId, i = 0, resolves = [];
 		for(;i < chunkIds.length; i++) {
 			chunkId = chunkIds[i];
 			if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
        // 把模块请求promise的resolve函数添加到数组中
 				resolves.push(installedChunks[chunkId][0]);
 			}
      // 标记模块已经加载完成
 			installedChunks[chunkId] = 0;
 		}

    //在模块集合中添加异步请求的模块
 		for(moduleId in moreModules) {
 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
 				modules[moduleId] = moreModules[moduleId];
 			}
 		}

    // 异步模块的信息添加到全局的jsonpArray中
 		if(parentJsonpFunction) parentJsonpFunction(data);

 		while(resolves.length) {
 			resolves.shift()();
 		}
 	};


 	// The module cache
 	var installedModules = {};

 	// object to store loaded and loading chunks
 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
 	// Promise = chunk loading, 0 = chunk loaded
  // 标识模块加载的4个状态
 	var installedChunks = {
 		"main": 0
 	};

 	// script path function
 	function jsonpScriptSrc(chunkId) {
 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + ".js"
 	}

 	// require方法无变化
 	function __webpack_require__(moduleId) {
 		if(installedModules[moduleId]) {
 			return installedModules[moduleId].exports;
 		}
 		var module = installedModules[moduleId] = {
 			i: moduleId,
 			l: false,
 			exports: {}
 		};
 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 		module.l = true;
 		return module.exports;
 	}

 	// 这个文件只包含入口chunk
 	// 额外的chunks使用chunk loading函数
 	__webpack_require__.e = function requireEnsure(chunkId) {
 		var promises = [];
 		// JSONP chunk loading for javascript
    // 检查已经安装的包中有没有当前模块
 		var installedChunkData = installedChunks[chunkId];
 		if(installedChunkData !== 0) { // 0 means "already installed".

 			// a Promise means "currently loading".
      // 4个状态中只有Promise为真
 			if(installedChunkData) {
 				promises.push(installedChunkData[2]);
 			} else {
 				// setup Promise in chunk cache
 				var promise = new Promise(function(resolve, reject) {
 					installedChunkData = installedChunks[chunkId] = [resolve, reject];
 				});
        // installedChunkData = [resolve, reject,Promise]
 				promises.push(installedChunkData[2] = promise);

 				// 开始加载异步模块
 				var script = document.createElement('script');
 				var onScriptComplete;

 				script.charset = 'utf-8';
 				script.timeout = 120;
 				if (__webpack_require__.nc) {
 					script.setAttribute("nonce", __webpack_require__.nc);
 				}
 				script.src = jsonpScriptSrc(chunkId);

 				// create error before stack unwound to get useful stacktrace later
 				var error = new Error();
 				onScriptComplete = function (event) {
 					// avoid mem leaks in IE.
          // 避免IE内存泄漏
 					script.onerror = script.onload = null;
 					clearTimeout(timeout);
 					var chunk = installedChunks[chunkId];
 					if(chunk !== 0) {
 						if(chunk) {
 							var errorType = event && (event.type === 'load' ? 'missing' : event.type);
 							var realSrc = event && event.target && event.target.src;
 							error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
 							error.name = 'ChunkLoadError';
 							error.type = errorType;
 							error.request = realSrc;
 							chunk[1](error);
 						}
 						installedChunks[chunkId] = undefined;
 					}
 				};
 				var timeout = setTimeout(function(){
 					onScriptComplete({ type: 'timeout', target: script });
 				}, 120000);
 				script.onerror = script.onload = onScriptComplete;
 				document.head.appendChild(script);
 			}
 		}
 		return Promise.all(promises);
 	};

 	// expose the modules object (__webpack_modules__)
 	__webpack_require__.m = modules;

 	// expose the module cache
 	__webpack_require__.c = installedModules;

 	// define __esModule on exports
 	__webpack_require__.r = function(exports) {
 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		Object.defineProperty(exports, '__esModule', { value: true });
 	};

 	// __webpack_public_path__
 	__webpack_require__.p = "";

 	// on error function for async loading
 	__webpack_require__.oe = function(err) { console.error(err); throw err; };


	// 定义全局变量
 	var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
	// push方法会调用webpackJsonpCallback
 	jsonpArray.push = webpackJsonpCallback;
 	jsonpArray = jsonpArray.slice();
 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
 	var parentJsonpFunction = oldJsonpFunction;


  // 加载入口模块
 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
 })
/************************************************************************/
 ({
    "./src/index.js":
      (function(module, exports, __webpack_require__) {
      __webpack_require__.e(0)
        .then(__webpack_require__.bind(null, "./src/app.js"))
        .then(module=>{(module.default)()});
        console.log("index.js");
    })

 });

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{
"./src/app.js":
(function(module, __webpack_exports__, __webpack_require__) {
  __webpack_require__.r(__webpack_exports__);
  console.log('app');
  function App(){};
  __webpack_exports__["default"] = (App);
  })
}]);

function  createArray(length:number,val:any):Array<any> {
  let result:Array<any> =[]; 
  for(let i=0;i<length;i++){
    result.push(val);
  }
  return result;
}

let result = createArray(3,"x");
console.log(result);

function  createArray<T>(length:number,val:T):Array<T> {
  let result:Array<T> =[]; 
  for(let i=0;i<length;i++){
    result.push(val);
  }
  return result;
}
// 在是用的时候传入声明的类型
let result = createArray<string>(3,"x");
console.log(result);

interface M {
  <T>(a:T,b:number):T
}

const fn:M = function <T>(a:T,b:number) {
  return a;
}

fn("1",1);

const swap = function swap<A,B>(arr:[A,B]):[B,A] {
  return [arr[1],arr[0]];
}

console.log(swap<string,number>(['a',2]))

const swap = function swap<A,B=number>(arr:[A,B]):[B,A] {
  return [arr[1],arr[0]];
}

console.log(swap<string>(['a',2]))

function logger<T>(val:T):number {
  // 报错： 不能确定val的类型，所以不能检查
  return val.length;
}

interface Logger {
  length:number
}

function logger<T extends Logger>(val:T):number {
  return val.length;
}

interface Cart<T> {
  list:T[]
}

// 泛型类型别名
type Cart2<T> ={list:T[]}|T[];

const c1:Cart2<string> = ['1']
const c2:Cart2<string> = {list:['1']}

interface Bird{
  fly():void
}

interface Boy{
  name:string
}

type BirdBoy = Bird & Boy

const boy  = {
  name:'1'
}
type Boy = typeof boy;

const p:Boy ={
  name:"123"
}

interface Boy{
  name:string,
  info:{
    id:number
  }
}

const boy:Boy['info']['id'] = 123

const boy:Boy = {
  name:"boy",
  id:1,
  info:{
    aaa:123
  }
}

type PropType = keyof Boy;

function getData(target:Boy,prop:PropType) {
  return target[prop];
}

getData(boy,'info')

interface Boy{
  name:string,
  id:number,
  info:{
    aaa:number
  }
}

// 部分属性
type PartialBoy = {
  [k in keyof Boy]?:Boy[k]
}

const boy:PartialBoy = {
  name:'123'
}

// Partial 实现
type Partial<T> ={
  [key in keyof T]?:T[key]
}

// 原生方法
type PartialBoy = Partial<Boy>;

const boy:PartialBoy = {
  name: "name"
}

// Required 实现
type Required<T> ={
  [key in keyof T]-？:T[key]
}

// 原生方法
type PartialBoy = Required<Boy>;

const boy:PartialBoy = {
  name: "name",
  id:123,
  info:{
    aaa:111
  }
}

// Readonly 实现
type Readonly<T> ={
  readonly [key in keyof T]:T[key]
}

// 原生方法
type PartialBoy = Readonly<Boy>;

const boy:PartialBoy = {
  name: "name",
  id:123,
  info:{
    aaa:111
  }
}

// 报错
boy.name = 1;

// Pick 实现
// 只能摘取某一项返回
type Pick<T,K extends keyof T> ={
  [key in K]:T[key]
}

// 原生方法
type PartialBoy = Pick<Boy,'id'>;

const boy:PartialBoy = {
  id:123,
  name:'123' // 报错
}

interface Bird {
  name1:string
}

interface Fish {
  name2:string
}

interface Water {
  name3:string
}

interface Sky {
  name4:string
}

type Combin<T> = T extends Bird ? Sky : Water;

const ins:Combin<Fish | Bird> = {
  name4: '123',
  name3:'123'
}