JS原型链与继承测试

原型链继承可以在创建子类实例时向父类构造函数传递参数。

如果ES6子类没有显式定义constructor，会自动添加一个默认constructor并调用super()。

在JavaScript中，所有原型链的终点都是 Object.prototype。

当访问一个对象的属性时，JavaScript会沿着原型链向上查找，直到找到该属性或到达原型链末端。

ES6的class默认运行在严格模式下。

使用原型链继承时，子类的原型对象会被父类实例覆盖，导致子类原有的原型方法丢失。

以下代码的输出结果是什么？

function Person(name) {
    this.name = name;
    return { age: 18 };
}

const p = new Person('Tom');
console.log(p.name);
console.log(p.age);

以下代码的输出结果是什么？

const obj = Object.create(null);
console.log(obj.__proto__);
console.log(obj.toString);

以下代码的输出结果是什么？

function Foo() {}
const f1 = new Foo();

Foo.prototype = { name: 'bar' };

const f2 = new Foo();
console.log(f1.name);
console.log(f2.name);

以下代码的输出结果是什么？

function Parent() {}
Parent.prototype.name = 'parent';

const child = new Parent();
child.name = 'child';

console.log(child.name);
delete child.name;
console.log(child.name);

以下代码的输出结果是什么？

const person = {
    name: 'parent',
    friends: ['Alice', 'Bob']
};

const child = Object.create(person);
child.name = 'child';
child.friends.push('Charlie');

console.log(person.name);
console.log(person.friends);

以下代码的输出结果是什么？

const proto = { x: 1, y: 2 };
const obj = Object.create(proto, {
    z: {
        value: 3,
        writable: true
    }
});

console.log(obj.x);
console.log(obj.y);
console.log(obj.z);
console.log(obj.hasOwnProperty('x'));
console.log(obj.hasOwnProperty('z'));

以下代码的输出结果是什么？

const obj = Object.create(null);
console.log(obj instanceof Object);

function Foo() {}
Foo.prototype = null;
const f = new Foo();
console.log(f instanceof Foo);

以下代码的输出结果是什么？

function Foo() {}
const f = new Foo();

console.log(f instanceof Foo);
console.log(f instanceof Object);
console.log(Foo instanceof Function);
console.log(Foo instanceof Object);

以下代码的输出结果是什么？

function Parent() {
    this.colors = ['red', 'blue'];
}

function Child() {}
Child.prototype = new Parent();

const c1 = new Child();
c1.colors.push('green');

const c2 = new Child();
console.log(c2.colors);

关于构造函数和原型的关系，以下说法正确的有哪些？

关于ES6的extends继承，以下说法正确的有哪些？

关于ES6的class，以下说法正确的有哪些？

请填写Object.create的简易实现：

function myCreate(proto) {
    if (proto === null || typeof proto !== 'object') {
        throw new TypeError('Object prototype may only be an Object or null');
    }

    function F() {}
    F.prototype = !!1_proto!!;
    return !!2_new F()!!;
}

请填写instanceof的简易实现：

function myInstanceof(obj, constructor) {
    // 右侧必须是函数
    if (typeof constructor !== !!1_function!!) {
        throw new TypeError('Right-hand side is not callable');
    }

    // 获取对象的原型
    let proto = !!2_Object.getPrototypeOf(obj)!!;

    // 沿原型链查找
    while (proto !== !!3_null!!) {
        if (proto === constructor.prototype) {
            return true;
        }
        proto = Object.getPrototypeOf(proto);
    }
    return false;
}