js基础-构造函数

mac2022-06-30  21

什么是构造函数?在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。

为什么要使用构造函数? 通过函数生成对象

比如给录入莫班学生个人信息,需创建很多对象

只要是对象,就有属性和方法。

var s1 = { name: '张三', gender: '男', age: 10, hobby: '篮球' }; var s2 = { name: '李四', gender: '女', age: 11, hobby: '芭蕾' }; var s3 = { name: '赵前', gender: '女', age: 12, hobby: '唱歌' }; var s4 = { name: '孙武', gender: '男', age: 13, hobby: '漂流' }; ......

 

如上创建对象太过繁琐,这时就可以使用构建函数。把相同属性作为构造函数参数。如下:

规则:1.函数名首字母大写(不强制,只是为了和普通函数区别)           2.通过this来给对象添加属性和方法

function Student(name, gender,age, hobby) { this.name = name; this.gender = gender; this.age = age; this.hobby = hobby; this.from=function(){ console.log(this.name+'来自中国'); } }

 

根据构造函数创建多个对象,必须使用new关键字调用构造函数

var s1 = new Student('张三','男',10,'篮球'); var s2 = new Student('李四','男',11,'芭蕾'); var s3 = new Student('赵前','男',12,'唱歌'); var s4 = new Student('孙武','男',13,'漂流'); console.log(s1.name); //张三 s1.from(); //张三来自中国

 

通过如上例子,可见构造函数可以实现代码复用

构造函数执行过程当一个函数创建好以后,就算函数名为大写,也不能确定这个函数就是构造函数。只有当一个函数以 new 关键字来调用,才能说它是一个构造函数。

执行时:  

  1.当以 new 关键字调用时,即使用构造函数创建对象时,内部就执行new object();  2.构造函数会创建一个新的内存空间,此内存空间作用域给新对象,即 Student 的实例  3.函数体内部的 this 指向该内存【 Student 的实例】  4.返回新对象不需要return

构造函数和普通函数区别  1.创建方式一样,但构造函数首字母大写  2.作用不一样,构造函数用来创建实例  3.调用方式不一样   普通函数调用:直接调用 如:person()  构造函数调用:使用new关键字调用 如:new Person()

转载于:https://www.cnblogs.com/lingXie/p/11574046.html

最新回复(0)