JavaScript的原型是什么你知道吗

目录

• 先看三个对象
• 一、构造函数（对象）：
•  二、实例对象
• 三、 原型对象：
• 再看三个属性：
• 一、prototype:
• 二、__proto__
• 三、constructor属性
• 原型链
• 总结：

        function fn1(name,age) {
            console.log(`我叫${name},我今年${age}岁`);
        }
        fn1('小航',19)
        // 定义函数的第二种方式
        const fn2 = function(name,sex) {
            console.log(`我叫${name},性别${sex}`);
        }
        fn2('小航','男')
        fn3('小航','男')
        // Function也是一个构造函数
        // 上面的方式和下面的fn4声明函数的方式是一致的
        const fn4 = new Function('name','age','console.log(`我叫${name},性别${sex}`)')
        // 当然还有箭头函数 只是写法变了 和第一种类似
        const fn3 = (name, sex) => {
            console.log(`我叫${name},性别${sex}`);
        }

        function Fun() {
        }
        var fn = new Fun()
        console.log(fn.__proto__ === Fun.prototype); // true

        function fn1(name,age) {
            console.log(`我叫${name},我今年${age}岁`);
        }
        const obj1 = {
            name: '小航',
            age: '19'
        }

        function Fun() {
        }
        var fn = new Fun()

        // 1. fn是Fun()构造函数的实例 实例对象的__proto__属性都会指向自身构造函数的prototype属性
        function Fun() {
        }
        var fn = new Fun()
        console.log(fn.__proto__ === Fun.prototype); // true
        // 2. Fun函数是Function构造函数的实例 因此Fun的__proto__和构造函数Function指向同一个地方
        console.log(Fun.__proto__ === Function.prototype); // true

        function fn() {
        }
        console.log(fn.prototype);
        console.log(fn.prototype.constructor === fn); // true

    function Person() {
    }
    console.log(Person.prototype.__proto__ === Object.prototype); // true
    console.log(Function.prototype.__proto__ === Object.prototype); // true

        var fn55 = new Function('age', 'sex', 'console.log(`今年${age}性别${sex}`)')
        console.log(fn55.prototype);
        console.log(fn55.__proto__ === Function.prototype); // true

        function Fun(name, age) {
            this.name = name;
            this.age = age
        }   
        var fnn = new Fun('小航', '123')
        console.log(fnn.prototype); // undefined

        function Person(name,age) {
            this.name = name
            this.age= age
        }
        Person.prototype.sayHello = function() {
            console.log(this.name);
        }
        const obj1 = {
            name: '小航',
            age: '19'
        }
        const obj2 = new Object()
        obj2.name = '焦迈奇'
        obj2.age = '19'
        console.log(obj1);
        console.log(obj2);
        console.log(Person.prototype);
        const person1 = new Person('小红', 19)
        const person2 = new Person('小明', 20)
        console.log(person1.__proto__);
        console.log(person2.__proto__);
        console.log(Person.prototype === person1.__proto__);// true
        console.log(Person.prototype === person2.__proto__);// true
        console.log(Object.prototype === obj1.__proto__);   // true
        console.log(Object.prototype === obj2.__proto__);        // true

        // 2. 创建函数的几种方式
        // 定义函数的第一种方式
        function fn1(name,age) {
            console.log(`我叫${name},我今年${age}岁`);
        }
        fn1('小航',19)
        // 定义函数的第二种方式
        const fn2 = function(name,sex) {
            console.log(`我叫${name},性别${sex}`);
        }
        fn2('小航','男')
        // 或者箭头函数
        const fn3 = (name, sex) => {
            console.log(`我叫${name},性别${sex}`);
        }
        fn3('小航','男')
        // 这三个函数的__proto__等于构造函数Function的prototype
        // Function也是一个构造函数
        // 上面的三种方式本质和下面的fn4声明函数的方式是一致的
        // 定义函数的第三种方式
        const fn4 = new Function('name','age','console.log(`我叫${name},性别${sex}`)')
        // console.log(Function.prototype === fn1.__proto__); // true
        // console.log(Function.prototype === fn2.__proto__); // true
        // console.log(Function.prototype === fn3.__proto__); // true
        // console.log(Function.prototype === fn4.__proto__); // true

        console.log(Object.__proto__ === Function.prototype); 
        // true
        console.log(Function.__proto__ === Function.prototype);
        // true

        function Person() {
        }
        console.log(Person.prototype.__proto__ === Object.prototype); // true
        console.log(Function.prototype.__proto__ === Object.prototype); // true

        function fn() {
        }
        console.log(fn.prototype);
        console.log(fn.prototype.constructor === fn); // true
        console.log(Function.prototype.constructor === Function); // true
        console.log(Object.prototype.constructor === Object);

console.log(obj.__proto__.constructor.__proto__.__proto__.__proto__=== null); // null