JavaScript继承方式
2017-11-29 17:46
232 查看
1.继承方式
function animal(){}
animal.prototype.hi=function(){
console.log('welcome to animal world')
}
function cat(){}
1.第一种(不可取,修改cat会影响到animal)
cat.prototype=animal.prototype;
2.第二种,实例方法,(new animal()实例原型会指向animal.prototype)
cat.prototype=new animal();
3.第三种cat.prototype的原型会指向Object.create的第一个参数
cat.prototype=Object.create(animal.prototype)
4.考虑兼容问题,所以模拟了一个Object.create方法
if(!Object.create){
Object.create=function(proto){
function F(){}
F.prototype=proto;
return new F;
}
}
var cat1=new cat();
cat1.hi();
暂时就到这里,后期会有更新
function animal(){}
animal.prototype.hi=function(){
console.log('welcome to animal world')
}
function cat(){}
1.第一种(不可取,修改cat会影响到animal)
cat.prototype=animal.prototype;
2.第二种,实例方法,(new animal()实例原型会指向animal.prototype)
cat.prototype=new animal();
3.第三种cat.prototype的原型会指向Object.create的第一个参数
cat.prototype=Object.create(animal.prototype)
4.考虑兼容问题,所以模拟了一个Object.create方法
if(!Object.create){
Object.create=function(proto){
function F(){}
F.prototype=proto;
return new F;
}
}
var cat1=new cat();
cat1.hi();
暂时就到这里,后期会有更新
相关文章推荐
- JavaScript继承方式
- JavaScript 五种(构造方式)继承
- javascript 继承的2种方式
- 重新理解JavaScript的六种继承方式
- javascript继承的两种方式
- javaScript实现继承的5种方式
- JavaScript中的继承方式详解
- 淡忘~浅思 » DOM笔记(十三):JavaScript的继承方式
- JavaScript之继承方式
- Javascript的四种继承方式
- 浅析JavaScript继承方式
- javascript 继承的两种方式
- javascript 原型继承(第四篇)---几种继承方式
- javascript 六种继承方式
- javascript(js)创建对象的模式与继承的几种方式
- 推荐JavaScript实现继承的最佳方式
- Javascript的四种继承方式
- JavaScript 继承方式(3)
- JavaScript继承方式详解
- JavaScript中的3种继承方式