搜索
写经验 领红包
 > 科技

js中的构造函数this指向(js中的构造函数有哪些)

导语:JS中的构造函数今天,我们继续js中函数内容,今天我们讲的是js中的构造函数。构造函数相对来说是比较重要的,后期编程中构造函数的身影随处可见。补充:对象中的属性,如果是一个函数,也可以称该属性为这个对象的方法。用于创建对象的函数function person(name,age,sex){ return { name: name, age: age, sex: sex, sayHello: function(){ console.log(`这是${name},今年${age}岁,性别${sex}`); } } } var person1 = person('张三',18,"男"); person1.sayHello(); var person2 = person('李四',20,"男"); person2.sayHello();用函数创建对象,可以减少繁琐的对象创建流程。1、函数返回一个对象,如上图所示。2、构造函数格式:new 函数名();如果,使用上面的格式创建对象,则该函数就叫做构造函数。(一)、构造函数命名方式一般为大驼峰命名法。(二)、构造函数内部会自动创建一个对象,this指向新创建的对象,并自动返回该对象。(三)、构造函数中如果出现返回值,有两种情况,如果返回的是原始数据类型,则直接忽略,如果返回的是一个对象,则使用return返回的结果。(四)、所有的对象,最终都是通过构造函数创建的。构造函数创建对象如果return返回一个原始数据类型,那么直接忽略,如下图:如果返回的是一个对象,则使用return返回的结果。如下图:因为使用返回的对象,所以,这里会打印出name:123,age:12,而返回的对象中没哟sayHello()方法,所以会报错。new target该表达式在函数中使用,返回的是当前的构造函数;但是,如果,函数不是通过new关键字创建的,则返回undefined。作用:通常可以用于判断某个函数是否是通过new在创建。展示代码如下:function Person(name, age, sex) { var temp = this.sayHello = function () { console.log(`这是${name},今年${age}岁,性别${sex}`); }; if (new.target == Person) { this.name = name, this.age = age, this.sex = sex, this.sayHello = temp; } else { return { name, age, sex, sayHello: temp, } } } var person1 = new Person('张三', 18, "男"); person1.sayHello(); var person2 = Person('李四', 20, "男"); person2.sayHello(); 这里Person1是通过new关键字创建的,而Person2是直接调用的,但代码中,我们通过处理,是都可以打印出来; 好啦,今天就到这里。

免责声明:本站部份内容由优秀作者和原创用户编辑投稿,本站仅提供存储服务,不拥有所有权,不承担法律责任。若涉嫌侵权/违法的,请反馈,一经查实立刻删除内容。本文内容由快快网络小面创作整理编辑!