javascript核心(对象、原型、继承、作用域、闭包、this)

最新推荐文章于 2021-07-08 12:03:34 发布

原创最新推荐文章于 2021-07-08 12:03:34 发布 · 561 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #原型继承

原型专栏收录该内容

4 篇文章

订阅专栏

博客主要介绍了JavaScript中原型继承的相关知识。新建对象若未明确指定原型，默认指向Object.protorype实现继承；还可手动指定对象原型实现继承；ES5标准化了使用Object.create函数实现原型继承的可选方法。此外还提及了this。

原型继承

新建一个对象，如果没有明确指定原型，那么它的原型对象将默认指向Object.protorype实现继承

let a = {
	x: 1
};

a.__proto__ === Object.prototype; // true

手动为一个对象指定原型，下面的例子把a对象指定为b对象的原型，实现了继承

let a = {
    x: 1
};

let b = {
   y: 2,
   __proto__: a
};

b.__proto__ === a; // true
b.x // 1

ES5标准化了一个实现原型继承的可选方法，即使用Object.create函数，作用与上面的例子相同

let a = {
    x: 1
};

let b = Object.create(a, { 
    y: { 
        value: 2 
    } 
});

b.__proto__ === a //true
b.x // 1

this

function foo() {
    console.log(this);
}

foo(); // window

foo.prototype.constructor(); // foo.prototype

var bar = {
    baz: foo
};



bar.baz(); // bar

(bar.baz)(); // bar

(bar.baz = bar.baz)(); // window

(bar.baz, bar.baz)(); // window

(false || bar.baz)(); // window


var otherFoo = bar.baz;


otherFoo(); // window