甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
在 ES6 规范中，引入了 class 的概念。使得 JS 开发者终于告别了，直接使用原型对象模仿面向对象中的类和类继承时代。
创新互联专注于德州网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供德州营销型网站建设，德州网站制作、德州网页设计、德州网站官网定制、重庆小程序开发服务，打造德州网络公司原创品牌,更为您提供德州网站排名全网营销落地服务。
但是JS 中并没有一个真正的 class 原始类型， class 仅仅只是对原型对象运用语法糖。所以，只有理解如何使用原型对象实现类和类继承，才能真正地用好 class。
本质上js中class其实是构造函数的另一种写法，使之更加直观的展现构造器中的各项属性
基本使用
注意点：
(1)constructor是一个构造函数方法，创建对象时自动调用该方法
(2)constructor是类必须的一个属性，少了他类的创建会报错，如果我们不写的话js会给他自动加上
(3)this指的是实例化对象,就相当于构造函数中的this，指向的是当前创建的对象
(4)类中声明函数不需要function关键字，直接函数名即可
(5)方法之间不需要都好分割，加了会报错
因为本质上是构造函数的另一种写法，所以他的使用和一些其他特性都是和构造函数相似的。比如调用都是通过new关键字 并且class也存在prototype这个属性，通过她我们可以给这个类的原型对象定义属性。通过这个类创建出的对象一样会有这个属性
类的继承
子类继承基类后，同名的属性会覆盖掉基类，以上例子中两个类都有sayName函数，但是调用的时候输出的是子类的sayName。
一个构造函数可以使用 super 关键字来调用一个父类的构造函数。
同时类也支持get和set操作
for...in 语句用于对数组或者对象的属性进行循环操作。 语法： for (变量 in 对象){ 在此执行代码}for循环是对数组的元素进行循环，而不能引用于非数组对象。 语法： for(int 变量初始值;条件;递增或递减){ 在此执行代码}举例： var array=[1,2
我们在需要进行数组复制的时候可能会想到以下的方法
代码
var
arr1
=
[1,2,3,4,5];
var
arr2
=
[];
arr2
=
arr1;
console.log(arr1);
console.log(arr2);
执行结果如下：
[1,
2,
3,
4,
5]
[1,
2,
3,
4,
5]
在这个例子中，将数组arr1赋值给了另一个数组arr2。
查看执行结果，似乎复制了数组的内容并创建了相同的数组。
但是，由于数组是“引用类型”的数据，因此它不会复制该值，而只是共享存储该值的内存的位置。
因此，我们编写以下代码
arr2.push(6);
console.log(arr1);
console.log(arr2);
执行结果如下
[1,
2,
3,
4,
5,
6]
[1,
2,
3,
4,
5,
6]
根据以上结果可以发现即使我们只给arr2添加新值6，但是数组arr1中也会添加一个6，这就是因为两个
数组都只引用存储值的位置，如果更改任一数组中的数据，两者都会改变。
所以下面我们就来使用concat方法复制数组
我们来看具体示例
var
arr1
=
[1,2,3,4,5];
var
arr2
=
[];
arr2
=
arr1.concat();
arr2.push(6);
console.log(arr1);
console.log(arr2);
执行结果如下
[1,
2,
3,
4,
5]
[1,
2,
3,
4,
5,
6]
要将另一个数组复制到数组arr2，只需要在复制源arr1中执行concat()即可。
您可能感兴趣的文章:js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解深入理解javascript中concat方法javascript使用
concat
方法对数组进行合并的方法JS
Array创建及concat()split()slice()的使用方法浅谈JavaScript的push(),pop(),concat()方法JavaScript模拟数组合并concatjs采用concat和sort将N个数组拼接起来的方法
1 、 首先我们需要在开始时将我们锁需要的封装函数链接进来。
列如 script type="text/javascript" src="animate-2.0.1.js"/script
而且我们必须得得到所有需要用到的对象用 getElementById 、getElementsByTagName，然后把需要一个规范的命名。
2 、第二部我们创建一个定时器先让轮播图中所有图片的 li 动起来
右边点击函数跟定时器所运动的函数一个样，所以我们可以封装一个函数abc（）；他们是共用的；
3 、 写出左边点击按钮事件的函数，这样就如上abc（）；差不多只是修改一些东西就行了；
4 、讲小圆点的样式改变封装成一个函数就是下面的chnage（）；
然后还得监听点击每个小圆点的事件，所以可以用for + onclick 讲每个小圆点点击事件给写出来。
难点：
1 、函数截留，当我们点击函数正在执行时，如果多次点击就会出现图片运动混乱的现象，这是我们需要用if(picDiv.isanimated) {return;}，
2 、cloneNode（）函数picUl.appendChild(picLi[0].cloneNode(true))
区别一：
for in是javascript 1.0 中发布的。
for each in是作为E4X标准的一部分在javascript 1.6中发布的，而它不是ECMAScript标准的一部分。
这将意味着存在各种浏览器的兼容性问题。for each in，对很多浏览器都不支持的。例如是不支持IE6，IE7，IE8等浏览器的。
区别二：
例： var 长方形= { 高:"15", 宽:"25" };
for (var i in 长方形){
alert( i + "，" + 长方形[i] );
}
结果依次是： 高，15 ； 宽，25 ；
for each (var i in 长方形){
alert( i + "，" + 长方形[i] );
}
结果依次是： 15， undefined ； 25， undefined；
两种遍历方法的变量i的值是不一样的，for each in无法获得对象的属性名，只能获取到属性值。
最后总结一下使用建议：
(1)遍历普通数组，建议使用原生的遍历方法for，不要贪图方便，因为for in 和for each in均存在浏览器的兼容问题，不能保证它们对数组的遍历顺序（如果对顺序的不作要求的话，可以使用for in ，但本人不建议），有兴趣话，可以阅读的下一篇文章《关于js中for in的缺陷浅析》。
(2)遍历对象，由于for没办法提供理想的遍历，因而只能选择其他方法。这里建议使用for in ，从上面讲解的区别，for in比for each 更具优势，for in能获取索引和属性值，而for each只能获取属性值，而且for each在很多低版本的浏览器是不支持。