Class属性Extends和Implements的区别示例介绍_CSS教程_CSS

点评：Class属性Extends和Implements有什么区别，想必很多新手朋友们都不知道吧，下面通过实例为大家详细的介绍下，感兴趣的朋友可不要错过

复制代码

代码如下:

复制代码

代码如下:

var Dog = new Class({
Implements: Animal,
setName: function(name){
this.name = name
}
});
var myAnimal = new Dog(20);
console.log(myAnimal.age);
myAnimal.setName('Micia');
console.log(myAnimal.name); // 'Micia'.

通过Extends实现继承时，需要通过调用parent方法来调用父元素的initialize方法从而继承父元素的属性

而通过Implements实现继承时，直接就可以继承父元素的属性，这种方式很适合父类不止一个的情况下

另外额外补充类方法Implement和extend，这两个方法用于扩展已经定义了的类

复制代码

代码如下:

<pre name="code" class="javascript">var Animal = new Class({
initialize: function(age){
this.age = age;
}
});
Animal.implement({
setName: function(name){
this.name = name;
}
});
var myAnimal = new Animal(20);
myAnimal.setName('Micia');
console.log(myAnimal.name); //'Micia'</pre>

“The main difference between extend and implement is that Implement changes the class's prototype, while Extend creates a copy. This means that if you implement a change into a class all instances of that class will inherit that change instantly, while if you use Extend then all existing instances will remain the same。”

简单翻译下:extend和implement的主要区别是，implement改变了类的prototype属性，而extend只是新建了一个副本。这意味着如果你通过implement对类做了改变，那将改变他的所有实例，而通过extend改变类的话，不会改变在此之前存在的实例。

复制代码

代码如下:

Class属性Extends和Implements的区别示例介绍_CSS教程_CSS_网页制作