文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

es6中构造函数指的是什么

2024-04-02 19:55

关注

今天小编给大家分享一下es6中构造函数指的是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在es6中,构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量附初始值,其函数名的第一个字母通常会大写,且总与new一起使用。一个函数只有在配合new操作符调用时才能当作一个构造函数,如果不使用new操作符,则只是一个普通函数。

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量附初始值,它总与 new 一起使用。我们可以把对象中一些公共属性和方法抽取出来,然后封装到这个函数里面。

构造函数的函数名的第一个字母通常会大写。

作为构造函数调用时,必须与 new 操作符配合使用。一个函数只有在配合 new 操作符调用时才能当作一个构造函数,如果不使用 new 操作符,则只是一个普通函数。

一个函数在当作构造函数使用时,能通过 new 操作符创建对象的实例,并通过实例调用对应的函数。

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };
}
var person = new Person('kingx', '12');
person.sayName(); // 'kingx'

一个函数在当作普通函数使用时,函数内部的 this 会指向 window。

Person('kingx', '12');
window.sayName(); // 'kingx'

使用构造函数可以在任何时候创建我们想要的对象实例,构造函数在执行时会执行以下 4 步:

以前面生成 person 实例的代码为例:

注:在构造函数中为 this 添加了一个 sayName 属性,它的值为一个函数,这样在每次创建一个新的实例时,都会给实例新增一个 sayName 属性,而且不同实例中的 sayName 属性是不同的。

以上就是“es6中构造函数指的是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯