JS之原型、构造函数的练习问题

JS之原型、构造函数的练习问题

例子：

let animal = function () {};
//创建animal函数对象
let dog = function () {};
//创建dog函数对象，继承Object
// 你打印console.log(dog)，只会看到dog的代码
//要看结构用dir
console.dir(dog);
//结果有_proto_，dog的长辈-----还有prototype，也是长辈
//当函数当作对象来使用时，就可用dog._proto_里面的属性和方法
//当函数当作构造函数来使用时，就要用dog.prototype里面的属性和方法

animal.price = 2000;
//给animal对象添加了price属性并赋值
console.dir(animal);

dog.prototype = animal;
//这句表达式不能让dog继承animal,dog没有price这个属性
//这句表达式是让dog.prototype有price属性
console.dir(dog);
// 你可以用这句话打印，可以看到dog并没price属性
console.log(dog.price);
//dog都没有price属性，所以这里打印的是undefined
//但你打印console.log(dog.prototype.price)，则会出现2000

let tidy = new dog();
//这里你实例了一个tidy对象,继承dog.prototype的属性和方法,dog也是继承使用dog.prototype的属性和方法
console.log(dog.prototype == tidy._proto_);
//按道理来说这里应该为true，但我不知道为啥为false，你打印这个console.dir(tidy);你会发现tidy的_proto_和dog的prototype里面的东西完全一样，但就是打印这个console.log(dog.prototype == tidy._proto_)为false，再让我研究研究，可能哪里有点小问题

console.log(tidy.price);
// 此时你打印tidy.price 会出现2000，因为dog.prototype = animal;这个表达式是让dog.prototype有price属性

console.log("-----------------");
//先要掌握下面的知识
// JavaScript 的构造函数中可以添加一些成员，可以在构造函数本身上添加，也可以在构造函数内部的 this 上添加。
//通过这两种方式添加的成员，就分别称为静态成员和实例成员。
// 静态成员：在构造函数本上添加的成员称为静态成员，只能由构造函数本身来访问
// 实例成员：在构造函数内部创建的对象成员称为实例成员，只能由实例化的对象来访问
let animal1 = function () {
  this.price1 = 2000;
};
let dog1 = function () {};
// dog1.prototype = animal1;
console.log(dog1.price1); //跟上面讲的一样，是dog1.prototype有price属性，dog1没有price属性，所以打印为undefined
let tidy1 = new dog();
console.log(tidy1.price1); //price1是在animal这个构造函数里面添加的属性，属于实例成员，只能通过animal的实例化对象来访问