JS 构造函数

最新推荐文章于 2025-10-14 19:28:39 发布

最新推荐文章于 2025-10-14 19:28:39 发布 · 104 阅读

文章标签：

#构造函数 #function #new #JS #ViewUI

境-JS 专栏收录该内容

197 篇文章

订阅专栏

在JavaScript的世界里没有类的概念，JavaScript是一种基于对象的语言，它包含5中原生数据类型：

number
boolean
string
null
undefined

除此之外，其他所有的都是对象，函数也是一个对象

// 这是一个函数声明，函数是一个特殊的对象
function method() {}

构造函数，就是一个普通的函数，与其他函数没有任何区别，可以理解为函数==构造函数，它只是概念上的一个定义，使用它用来实例化对象。
对于JavaScript的内置对象，Object、Array、Date等等这些都是构造函数。
使用new运算符返回的对象并不一定是实例本身，也可以在构造函数用使用return改变返回值

例子：

<!DOCTYPE html>
<meta charset="UTF-8">
<script>
function Student(name,age,sex){
    var o=new Object();//先定义一个对象，
    o.name=name;
    o.age=age;
    o.sex=sex;
    o.sayHi=function(){
        console.log("我叫"+o.name);
    }
    return o;//返回对象，这个对象里有name，age，sex，sayHi
}
//使用构造函数的方式定义ls
var ls=new Student("李四",25,"男");
var ls2=new Student("王五",22,"女");
ls.sayHi();
</script>

效果图：