JS的函数、构造函数、类的区别
1、JS中的类通过构造方法创建对象实例。构造方法是类中的一个特殊函数，用于初始化类的实例，并具有与类相同的名称。类的属性是存储在类中的变量，可以通过this关键字来访问。类的实例可以通过.运算符来访问类中的属性和方法。
2、JavaScript 是面向对象的语言，引用数据类型都是对象，包括函数也是对象，同时还可以通过 Object 对象自定义对象。
3、区别：构造函数的函数名称与类名同名，其他方法（函数）名称可以自定义。
4、构造函数，就是一个普通的函数，与其他函数没有任何区别，可以理解为 函数==构造函数，它只是概念上的一个定义，使用它用来实例化对象。对于JavaScript的内置对象，Object、Array、Date等等这些都是构造函数。
5、以类的名 命名的函数 叫做类的构造函数，也就是说 和类名完全相同的 函数 就是构造函数。
JavaScript中构造函数如何使用
函数实际上是一个统一的代码块，你可以随时调用它。所有函数的开头必须加上“function()”给函数命名：最好的命名方法是，函数拥有的名称和它所表现的功能相一致。
这需要另一种方式来解决：那就是混合的构造函数/原型模式。 混合的构造函数/原型模式 联合使用构造函数和原型方式，定义类就非常方便。
本文将带你一起来探索 javascript 中 new 的奥秘...要创建 Person 的新实例，必须使用 new 操作符。
然后，可以使用new运算符调用这个函数来创建对象的实例 复制代码 代码如下：var rect = new Rectange(4，8)；构造函数的返回值 Javascript中的构造函数通常没有返回值。但是，函数是允许有返回值的。
针对面向对象编程，函数、方法和类的构造函数是三种不同的概念。
前面说到了函数也是一个对象，在JavaScript的内置对象中，所有的函数对象都是Function构造函数的实例，比如：Object、Array等等，这是一个很有意思的事情。
如何用javascript为元素添加class
首先在html中布局好两个按钮和一个div，如下图所示。接着编写添加class的方法，如下图所示，通过classList中的add。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。
如果给一个元素添加了多个class值，那么就相当于合并了它们的样式。 如果有不同的class设定了同一样式属性，则后者覆盖前者。
把a元素获取到，直接添加class属性就可以了，代码如下： var oA = document.getElementById(a)； oA.class = heikuai；/sciprt用浏览器打开，审查元素：再看这个a元素时，a就带了这个class 属性了。
打开浏览器，点击页面中的按钮，下方就显示出js的字样了：最后按下f12调出控制台，在控制台中可以看到插入的div结构，以此验证插入的内容是正确的。
} 添加Class function add_class(){ document.getElementById(main).className = class-name； }测试效果如下：添加class前 添加class后 与jQuery的addClass同一效果的。
JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。
关于js构造函数class写法和js函数构造器的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。