【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】上篇

function Person(name, sex, age) {
  this.name = name;
  this.sex = sex;
  this.age = age;
}
const p1 = new Person("张三", "男", 13);
console.log(p1);

//Person是一个构造函数
function Person(name, sex, age) {
  //构造函数中，实例成员就是构造函数内部通过this添加的成员，name、age、sayHello就是实例成员（即构造函数实例化的对象可以访问的成员）
  this.name = name;
  this.sex = sex;
  this.age = age;
  this.sayHello = function () {
    console.log("Hello!");
  };
}
//在构造函数上添加的成员就成为静态成员
Person.height = "175cm"; //静态属性
Person.sayGoodbye = function () {
  console.log("Goodbye!");
};//静态方法

//实例化对象
const p1 = new Person("张三", "男", 24);

//通过prototype添加的成员不是静态成员，是实例成员，也就是只有是实例化的对象才可以访问到
Person.prototype.weight = "70kg";
console.log(p1.weight); //70kg
console.log(Person.weight); //undefined

//静态成员只能通过构造函数进行访问
console.log(Person.height); //输出175
console.log(p1.height); //输出undefined
console.log(Person.sayGoodbye());//输出Goodbye!

//实例成员只能通过实例对象进行访问
console.log(p1.sex); //输出男
p1.sayHello(); //输出Hello!
console.log(Person.age); //输出undefined
Person.sayHello(); //报错，Person.sayHello is not a function

//例：
const obj = {
a:'0',
b:'1',
c:'2'
}
//上面等价于var obj = new Object();

// function isOdd(value) {
//   return value % 2 !== 0;
// }

const isOdd = new Function("value", "return value % 2 !== 0");
console.log(isOdd);
console.log(isOdd(4));

//创建一个构造函数User()
function User(firstname, lastname){
  this.firstname = firstname;
  this.lastname = lastname;
}

// 对象 u1 通过 new User 创建
var u1 = new User('李', '四'); 

// 对象 u2 通过 new Object 创建
var u2 = { 
  firstName: '张',
  lastName: '三'
}
// 等效于
var u2 = new Object(); 
u2.firstName = '张';
u2.lastName = '三';

// toString方法属于Object.prototype，它会把对象转换为字符串的形式 [object Object]
// 这种格式并非每个对象想要的
// 1. 解释数组的toString为什么能得到不同的格式
// 2. 如果自己的构造函数希望改变toString，如何改变
var obj = {
  a: "a",
  b: "b",
};
console.log(obj.toString());

arr = [2, 3, 4, 5];
// var arr = new Array();
// arr = [2, 3, 4, 5]; //等效于此类创建数组
console.log(arr.toString()); //arr.toString() 不等于 Object.prototype.toString()
console.log(Object.prototype.toString.call(arr)); //toString

var fun = function () {};
console.log(fun.toString());
console.log(Object.prototype.toString.call(fun)); //此类方法在过去常用作判断该对象的类型

object instanceof constructor
// 判断object的原型链中，是否存在构造函数(constructor)的原型

Object.getPrototypeOf(object);
// 返回object的隐式原型

// 真数组
var arr1 = [1, 2, 3]; 

// 类数组(伪数组)
var arr2 = {
  0:1,
  1:2,
  2:3,
  length: 3,
};

// 判断arr1和arr2是否是真数组
console.log(arr1 instanceof Array);
console.log(arr2 instanceof Array);

// console.log(Object.prototype.toString.call(arr1));//真数组
// console.log(Object.prototype.toString.call(arr2));//假数组

Object.create(target);
// 返回一个新对象，新对象以target作为隐式原型

Object.setPrototypeOf(obj, prototype);
// 设置obj的隐式原型为prototype

// 下面演示创建一个没有隐式原型的用户对象，并随意添加一些属性

// var obj = Object.create(null);//创建一个新的对象（则不需要new），并且新对象的隐式原型为null，
// obj.a = 888;
// obj.b = 9;
// console.log(obj);

var obj1={
    a:'hello',
    b:66,
}
Object.setPrototypeOf(obj1,null);
console.log(obj1);