🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
很大一部分的js开发者都不能完全掌握原型的继承问题。下面具一个例子来说明: ~~~ BaseObject = function(name) { if(typeof name !== "undefined") { this.name = name; } else { this.name = 'default' } }; ~~~ 这段代码看起来很简单。如果你有name值,则使用它。如果没有,则使用 ‘default’: ~~~ var firstObj = new BaseObject(); var secondObj = new BaseObject('unique'); console.log(firstObj.name); // -> 结果是'default' console.log(secondObj.name); // -> 结果是 'unique' ~~~ 但是如果我们执行delete语句呢: ~~~ delete secondObj.name; ~~~ 我们会得到: ~~~ console.log(secondObj.name); // -> 结果是 'undefined' ~~~ 但是如果能够重新回到 ‘default’状态不是更好么? 其实要想达到这样的效果很简单,如果我们能够使用原型继承的话: ~~~ BaseObject = function (name) { if(typeof name !== "undefined") { this.name = name; } }; BaseObject.prototype.name = 'default'; ~~~ 在这个版本中, BaseObject 继承了原型中的name 属性, 被设置为了 'default'.。这时,如果构造函数被调用时没有参数,则会自动设置为 default。相同地,如果name 属性被从BaseObject移出,系统将会自动寻找原型链,并且获得 'default'值: ~~~ `var thirdObj = new BaseObject('unique'); console.log(thirdObj.name); delete thirdObj.name; console.log(thirdObj.name); // -> 结果是 'default'` ~~~