const xiaojiejie = ["Qwq", "NoJob", 28];

const zhujie_xiaojiejie : (number | string)[] = ["Qwq", "NoJob", 28];

const Badxiaojiejie: (number | string)[] = ["Qwq", 28, "NoJob"];

const Shuzu_xiaojiejie: [string, string, number] = ["Qwq", "NoJob", 28];

"dajiao", "teacher", 28;
"liuying", "teacher", 18;
"cuihua", "teacher", 25;

const xiaojiejies: [string, string, number][] = [
  ["dajiao", "teacher", 28],
  ["liuying", "teacher", 18],
  ["cuihua", "teacher", 25],
];

/**
 * Demo7.ts
 * TypeScript 元组的使用和类型约束
 * @date 2021-1-2
 * @author Wibus
 */

//元组是TS特有的一个概念，JavaScript并没有这个概念

// 1 元组的基本使用
const xiaojiejie = ["Qwq", "NoJob", 28];
// 把上面的进行类型注解
const zhujie_xiaojiejie : (number | string)[] = ["Qwq", "NoJob", 28];
// 这个时候你已经添加了类型注解，但是在下面的代码当中会有一个小细节问题
const Badxiaojiejie: (number | string)[] = ["Qwq", 28, "NoJob"];
//我们只是把数组的位置调换了一下，但是TS并不能发现这个问题，所以我们需要一个更强大的类型，来解决，所以，这就是元组
const Shuzu_xiaojiejie: [string, string, number] = ["Qwq", "NoJob", 28];
// 这个时候我们就已经把每一个类型都固定住了

// 2 元组的使用

// 得到的数据源是这样子的：
// "dajiao", "teacher", 28;
// "liuying", "teacher", 18;
// "cuihua", "teacher", 25;

const xiaojiejies: [string, string, number][] = [
  ["dajiao", "teacher", 28],
  ["liuying", "teacher", 18],
  ["cuihua", "teacher", 25],
];

// 你要搞清楚元组和数组的区别，在理解后能在项目中适当的时候使用不同的类型。

const screenresume = (name: string, age: number, bust: number) => {
    age < 24 && bust >= 90 && console.log(name + "Pass");
    age > 24 || (bust < 90 && console.log(name + "Can't Pass"));
};

screenresume("Wibus", 14, 90);

const getResume = (name: string, age: number, bust: number) => {
    console.log(name+ "age: " + age);
    console.log(name+ "Bust: " + bust);
}
getResume("Wibus", 14, 90);

interface Girl {
  name: string;
  age: number;
  bust: number;
}

const screenresume2 = (girl: Girl) => {
    girl.age < 24 && girl.bust >= 90 && console.log(girl.name + "Pass");
    girl.age > 24 || (girl.bust < 90 && console.log(girl.name + "Can't Pass"));
};

const getResume2 = (girl: Girl) => {
    console.log(girl.name+ "age: " + girl.age);
    console.log(girl.name+ "Bust: " + girl.bust);
};

const girl = {
    name: "Wibus",
    age: 14,
    bust: 94,
};

screenresume2(girl);
getResume2(girl);

type Girl1 = stirng;

const girl = {
  name: "大脚",
  age: 18,
  bust: 94,
};

interface Girl2 {
  name: string;
  age: number;
  bust: number;
  waistline?: number; // 非必选值
}

const getResume3 = (girl: Girl2) => {
  console.log(girl.name + "年龄是：" + girl.age);
  console.log(girl.name + "胸围是：" + girl.bust);
  girl.waistline && console.log(girl.name + "腰围是：" + girl.waistline);
};

/**
 * Demo8.ts
 * TypeScript 的 interface 接口
 * @date 2021-1-2
 * @author Wibus
 * interface东西比较多，分两次讲述
 */

// 1 interface 接口初步了解

// 1.1 简历工具
const screenresume = (name: string, age: number, bust: number) => {
    age < 24 && bust >= 90 && console.log(name + "Pass");
    age > 24 || (bust < 90 && console.log(name + "Can't Pass"));
};

screenresume("Wibus", 14, 90);
// ts-node demo8.ts
// 进入面试


const getResume = (name: string, age: number, bust: number) => {
    console.log(name+ "age: " + age);
    console.log(name+ "Bust: " + bust);
}

// 但是似乎name: string, age: number, bust: number一直在出现
// 为了避免啊代码重用，我们可以使用接口

interface Girl {
    name: string;
    age: number;
    bust: number;
}
// 于是我们就需要修改一点程序
const screenresume2 = (girl: Girl) => {
    girl.age < 24 && girl.bust >= 90 && console.log(girl.name + "Pass");
    girl.age > 24 || (girl.bust < 90 && console.log(girl.name + "Can't Pass"));
};

const getResume2 = (girl: Girl) => {
    console.log(girl.name+ "age: " + girl.age);
    console.log(girl.name+ "Bust: " + girl.bust);
};

const girl = {
    name: "Wibus",
    age: 14,
    bust: 94,
};

screenresume2(girl);
getResume2(girl);

// 2 接口和类型别名的区别

type Girl1 = string;

const girl1 = {
    name: "Wibus",
    age: 14,
    bust: 94 
};

// 3 接口非必选值定义

interface Girl2 {
  name: string;
  age: number;
  bust: number;
  waistline?: number; // 非必选值
}

const getResume3 = (girl: Girl2) => {
  console.log(girl.name + "年龄是：" + girl.age);
  console.log(girl.name + "胸围是：" + girl.bust);
  girl.waistline && console.log(girl.name + "腰围是：" + girl.waistline);
};

//这时候在定义girl对象的时候，就可以写saistline（腰围），也可以不写了。

interface Girl1 {
    name: string;
    age: number;
    bust: number;
    waistline?: number;
    [propname: string]: any; //属性的名字是字符串类型，属性的值可以是任何类型。
  }

const girl = {
    name: "大脚",
    age: 18,
    bust: 94,
    waistline: 21,
    sex: "女",
  };

const getResume = (girl: Girl1) => {
    console.log(girl.name + "年龄是：" + girl.age);
    console.log(girl.name + "胸围是：" + girl.bust);
    girl.waistline && console.log(girl.name + "腰围是：" + girl.waistline);
    girl.sex && console.log(girl.name + "性别是：" + girl.sex);
  };

[propname:string]:any;  //去掉

interface Girl2 {
    name: string;
    age: number;
    bust: number;
    waistline?: number;
    [propname: string]: any;
    say(): string;
}

const girl2 = {
  name: "Wibus",
  age: 14,
  bust: 94,
  waistline: 21,
  sex: "女",
  say() {
    return "欢迎光临 ，红浪漫洗浴！！";
  },
};

class XiaoJieJie implements Girl {}

class xiaojiejie implements Girl2 {
    name: "大脚";
    age: 18;
    bust: 94;
    waistline: 21;
    sex: "女";
    say() {
      return "欢迎光临 ，红浪漫洗浴！！";
    };
};

interface Teacher extends Girl2{
    teach(): string;
}

const getResume2 = (girl2: Teacher) => {
    console.log(girl2.name + "年龄是：" + girl2.age);
    console.log(girl2.name + "胸围是：" + girl2.bust);
    girl2.waistline && console.log(girl2.name + "腰围是：" + girl2.waistline);
    girl2.sex && console.log(girl2.name + "性别是：" + girl2.sex);
};
getResume2(girl2);

const girl2 = {
  name: "Wibus",
  age: 14,
  bust: 94,
  waistline: 21,
  sex: "女",
  say() {
    return "欢迎光临 ，红浪漫洗浴！！";
  },
    teach() {
    return "我是一个老师";
  },
};

/**
 * Demo9.ts
 * TypeScript 的 interface 接口 2
 * @date 2021-1-2
 * @author Wibus
 */

 // 1 允许加入任意值
//  简历一般是有自由发挥的空间的，所以这时候需要一些任意值，就是自己愿意写什么就写什么。这时候interface接口也是支持的。
interface Girl1 {
    name: string;
    age: number;
    bust: number;
    waistline?: number;
    [name: string]: any; //属性的名字是字符串类型，属性的值可以是任何类型。
  }
// 这时候我们在对象里给一个性别
const girl = {
    name: "大脚",
    age: 18,
    bust: 94,
    waistline: 21,
    sex: "女",
  };
//   再修改一下代码，就没有错误了。
const getResume = (girl: Girl1) => {
    console.log(girl.name + "年龄是：" + girl.age);
    console.log(girl.name + "胸围是：" + girl.bust);
    girl.waistline && console.log(girl.name + "腰围是：" + girl.waistline);
    girl.sex && console.log(girl.name + "性别是：" + girl.sex);
  };
// 这时候我们的程序是不报错的，但是如果我们去掉刚才的设置，就会报错。

// 2 接口里的方法
// 接口里不仅可以存属性，还可以存方法，比如这时候有个say()方法，返回值是string类型。这时候你就不要再想成简历了，你需要更面向对象化的编程，想象成一个人。

interface Girl2 {
    name: string;
    age: number;
    bust: number;
    waistline?: number;
    [propname: string]: any;
    say(): string;
  }
// 加上这个say()方法后，程序马上就会报错，因为我们对象里没有 say 方法。那我们就要给对象一个 say 方法

const girl2 = {
  name: "Wibus",
  age: 14,
  bust: 94,
  waistline: 21,
  sex: "女",
  say() {
    return "欢迎光临 ，红浪漫洗浴！！";
  },
    teach() {
    return "我是一个老师";
  },
};

// 3 接口和类的约束
// 类和接口能有很好的结合

class xiaojiejie implements Girl2 {
    name: "大脚";
    age: 18;
    bust: 94;
    waistline: 21;
    sex: "女";
    say() {
      return "欢迎光临 ，红浪漫洗浴！！";
    };
};

// 4 接口的继承
// 接口也可以用于继承的，比如你新写一个Teacher接口，继承于Person接口。

interface Teacher extends Girl2{
    teach(): string;
}

// 比如这时候，只看 Teacher 级别的简历，那我们需要修改getResume()方法。
const getResume2 = (girl2: Teacher) => {
    console.log(girl2.name + "年龄是：" + girl2.age);
    console.log(girl2.name + "胸围是：" + girl2.bust);
    girl2.waistline && console.log(girl2.name + "腰围是：" + girl2.waistline);
    girl2.sex && console.log(girl2.name + "性别是：" + girl2.sex);
  };
  
getResume2(girl2);