<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function Person(myName, myAge) {
this.name = myName;
this.age = myAge;
}
let obj1 = new Person("lnj", 34);
// 1.JavaScript中函数是引用类型(对象类型), 既然是对象,
// 所以也是通过构造函数创建出来的,"所有函数"都是通过Function构造函数创建出来的对象
console.log(Function);//Function构造函数
// 2.JavaScript中只要是"函数"就有prototype属性
//"Function函数"的prototype属性指向"Function原型对象"
console.log(Function.prototype);//指向了Function的原型对象
// 3.JavaScript中只要"原型对象"就有constructor属性
//"Function原型对象"的constructor指向它对应的构造函数
console.log(Function.prototype.constructor);//指向了Function构造函数
// 4.Person构造函数是Function构造函数的实例对象, 所以也有__proto__属性
// Person构造函数的__proto__属性指向"Function原型对象"
console.log(Person.__proto__);//指向了Function的原型对象
//总结:函数就是对象,对象是通过构造函数创建出来,那对象(函数)是通过什么构造函数创建出来的?
//Function构造函数.
//既然是构造函数就一定有prototype,Function构造函数的prototype指向了Function原型对象.
//只要是原型对象就有constructor,原型对象的constructor指向了之前的Function构造函数.
//记住,一切的构造函数都是通过Function构造函数实例化出来的
//既然Person构造函数是通过Function构造函数实例化出来的,那Person一定有__proto__属性,
//Person的__proto__指向了Function的原型对象.
</script>
</body>
</html>
第一 三个为构造函数,第二 四个为原型对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function Person(myName, myAge)
{
this.name = myName;
this.age = myAge;
}
let obj1 = new Person("lnj", 34);
//总结一下把。
//只要是函数就是对象,Function构造函数也不例外,
//所以Function构造函数里面也有__proto__属性,它指向了
//Function的原型对象
//注意一下这里,js里面有一个系统提供的构造函数是Object
//但是记住哈,就算是构造函数Object也是Function的构造函数实例化哈.
//只要是对象都有__proto__属性,它指向了Function的原型对象.
//只要是构造函数都有prototype属性,它指向了Object的原型对象,
//Object的原型对象,只要有原型对象都有一个属性constructor.
//它指向了对应的Object的构造函数
console.log(Function.__proto__);//指向了"Function原型对象"
console.log(Function.__proto__ === Function.prototype); // true
console.log(Object);//Object构造函数
console.log(Object.__proto__);//指向了"Function原型对象"
console.log(Object.__proto__ === Function.prototype); // true
console.log(Object.prototype);//指向了"Function原型对象"
console.log(Object.prototype.constructor);//指向了Object的构造函数
console.log(Object.prototype.constructor === Object); // true
console.log(Object.prototype.__proto__); // null,Object原型对象的
</script>
</body>
</html>
<!-- /*
1. JavaScript函数是引用类型(对象类型), 所以Function函数也是对象
2."Function构造函数"也是一个对象, 所以也有__proto__属性
"Function构造函数"__proto__属性指向"Function原型对象"
3. JavaScript中还有一个系统提供的构造函数叫做Object
只要是函数都是"Function构造函数"的实例对象
4.只要是对象就有__proto__属性, 所以"Object构造函数"也有__proto__属性
"Object构造函数"的__proto__属性指向创建它那个构造函数的"原型对象"
5.只要是构造函数都有一个默认的属性, 叫做prototype
prototype属性保存着一个对象, 这个对象我们称之为"原型对象"
6.只要是原型对象都有一个默认的属性, 叫做constructor
constructor指向当前原型对象对应的那个"构造函数"
*/-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
/*
1.所有的构造函数都有一个prototype属性, 所有prototype属性都指向自己的原型对象
2,所有的原型对象都有一个constructor属性, 所有constructor属性都指向自己的构造函数
3.所有函数都是Function构造函数的实例对象
4.所有函数都是对象, 包括Function构造函数
5.所有对象都有__proto__属性
6.普通对象的__proto__属性指向创建它的那个构造函数对应的"原型对象"
7.所有对象的__proto__属性最终都会指向"Object原型对象"
8."Object原型对象"的__proto__属性指向NULL
*/
function Person(myName, myAge) {
this.name = myName;
this.age = myAge;
}
let obj1 = new Person("lnj", 34);
console.log(Function.prototype.__proto__);//指向了Object的原型对象
console.log(Person.prototype.__proto__);//指向了Object的原型对象
console.log(Function.prototype.__proto__ === Person.prototype.__proto__);
console.log(Function.prototype.__proto__ === Object.prototype);//相等的
console.log(Person.prototype.__proto__ === Object.prototype);//相等的
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
/*
1.对象中__proto__组成的链条我们称之为原型链
2.对象在查找属性和方法的时候, 会先在当前对象查找
如果当前对象中找不到想要的, 会依次去上一级原型对象中查找
如果找到Object原型对象都没有找到, 就会报错
*/
function Person(myName, myAge) {
this.name = myName;
this.age = myAge;
// this.currentType = "构造函数中的type";
// this.say = function () {
// console.log("构造函数中的say");
// }
}
Person.prototype = {
// 注意点: 为了不破坏原有的关系, 在给prototype赋值的时候, 需要在自定义的对象中手动的添加constructor属性, 手动的指定需要指向谁
constructor: Person,
// currentType: "人",
// say: function () {
// console.log("hello world");
// }
}
let obj1 = new Person("lnj", 34);
// obj1.say();
console.log(obj1.currentType);
console.log(Person.prototype.constructor);//指向了Person的构造函数
</script>
</body>
</html>