类和对象

创建类

类是 JavaScript 对象的模板；类的本质是一个函数；构造函数的另一种写法，ES6 引入的，作为构造函数的语法糖

class Car { // 使用关键字 class 创建类
  // 类的共有属性放到 constructor 里面
  constructor(name, year) { // 构造函数，在 new 的时候自动调用该函数
    this.uname = name;
    this.year = year;
  } // 不能加逗号
  sing(song) { console.log(this.uname + song) }
  methods...
}

// 创建一个对象，使用 new 关键字，对象的实例化
const myCar1 = new Car("Ford", 2014);

类的继承

子类通过 extends 继承父类的属性和方法；
constructor 里面的 this 指向的是创建的实例对象；方法中的 this 指向的是方法的调用者（子类继承父类的方法，方法的调用者还是父类）；
super 关键字是用于访问和调用对象父类上的函数。可以用于调用父类的构造函数，也可以调用普通函数。

class Father {
  // 父类
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  sum() {
    console.log(this.x + this.y);
  } // 父类的属性和方法
}

// 继承
class Son extends Father {
  constructor(x, y) {
    super(x, y); // 调用了父类中的构造函数，将这里的 x 和 y 传递给父类
  }
}
Son.sum(x, y); // sum 方法是父类中的方法，x 和 y 先传递给子类的构造函数，再通过 super 传递给父类的构造函数

class Son extends Father {
  constructor(x, y) {
    // 利用super 调用父类的构造函数；super 必须在子类this之前调用
    super(x, y); // 子类调用【父类】的方法时就用这里的xy
    this.x = x;
    this.y = y; // 子类调用【自己】的方法时就用这里的xy
  }
  subtract() {
    console.log(this.x - this.y);
  }
}

创建对象

对象由属性和方法组成，一个属性或方法就是一个键值 key-value 对；对象分为：自定义对象；内置对象：如 Dtae、Math；浏览器对象：如 Window、Location

// 1.字面量创建对象（大括号）
const obj = {
  uname: "张三",
  age: 18,
  sayHi: function () {
    console.log("hi");
  },
};
// 多个属性或方法中间用逗号隔开，方法冒号后面是一个匿名函数
obj.uname; // 用该方法时，属性 uname 是字符串，不可以是变量
obj["uname"]; // [] 中可以写变量
obj.sayHi();

// 2.new Object创建对象
const obj = new Object();
obj.uname = "张三";
obj.age = 18;
obj.sayHi = function () {};

// 3.构造函数创建对象（可复用）它的高级版就是类 Class
function Star(uname, age, sex) {
  this.name = uname;
  this.age = age;
  this.sex = sex;
}
const ldh = new Star("刘德华", 18, "男");
// 构造函数名首字母大写
// 构造函数不需要 return
// 调用构造函数必须使用 new
// 利用构造函数创建对象的过程称为对象的实例化

对象方法

// obj.hasOwnProperty(key) 判断对象是否具有某个键，而且是在其自身，不是原型链上的
// for...in 遍历对象时也会返回其原型链上的属性
// (key in obj) 也会返回一个布尔值

for (const key in obj) {
  // 遍历对象
  console.log(key); // 得到属性名
  console.log(obj[key]); // 得到属性值
}

// Object.keys(obj) 和 Object.values(obj) 分别返回对象 key 数组和 value 数组
// Object.entries(obj) 返回键值对数组

不可使用 for of 遍历对象

Object.prototype.toString()

每一个继承 Object 的对象都有 toString 方法，如果 toString 方法没有重写的话，会返回 [object type]，其中 type 为对象的类型。但当除了 Object 类型的对象外，其他类型直接使用 toString 方法时，会直接返回都是内容的字符串，所以我们需要使用 call 或者 apply 方法来改变 toString 方法的执行上下文。

const arr = ["Hello", "World"];
arr.toString(); // "Hello,World"
Object.prototype.toString.call(arr); // "[object Array]"

Object.prototype.toString.call("this"); // [object String]
Object.prototype.toString.call(12); // [object Number]
Object.prototype.toString.call(true); // [object Boolean]
Object.prototype.toString.call(undefined); // [object Undefined]
Object.prototype.toString.call(null); // [object Null]
Object.prototype.toString.call({ name: "this" }); // [object Object]
Object.prototype.toString.call(function () {}); // [object Function]
Object.prototype.toString.call([]); // [object Array]
Object.prototype.toString.call(new Date()); // [object Date]
Object.prototype.toString.call(/\d/); // [object RegExp]
function Person() {}
Object.prototype.toString.call(new Person()); // [object Object] 无法区分自定义对象类型
new Person() instanceof Person; // true

Object.prototype.toString.call() 常用于判断浏览器内置对象，缺点在于无法区分自定义对象类型，可以用 instanceof 来区分

数学对象 Math

与其他全局对象不同，Math对象没有构造函数。方法和属性是静态的。可以在不首先创建 Math 对象的情况下使用所有方法和属性（常量）

Math.PI; // 返回 3.141592653589793
Math.max(a,b,c);
Math.round(x) 的返回值是 x 四舍五入为最接近的整数
Math.pow(x, y) 的返回值是 x 的 y 次幂
Math.sqrt(x) 返回 x 的平方根
Math.abs(x) 返回 x 的绝对（正）值
Math.ceil(x) 的返回值是 x 上舍入最接近的整数
Math.floor(x) 的返回值是 x 下舍入最接近的整数
Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值
Math.random() 返回介于 0（包括）与 1（不包括）之间的随机数 [0, 1)

随机值的妙用

获取随机颜色

const getRandomColor = () => {
  return '#' + Math.random().toString(16).substring(2, 8).padEnd(0);
};

获取随机值

const selectFrom = (lowerValue, upperValue) => {
  const choices = upperValue - lowerValue + 1;
  return Math.floor(Math.random() * choices + lowerValue);
};

const num = selectFrom(2, 10);
console.log(num); // 2~10 范围内的值，其中包含 2 和 10