javascript构造函数的作用构造函数的八种方法

由于JavaScript的特性，一个构造函数就可以实现类的功能，所以有的时候，我们定义一个类，往往可以直接写一个构造函数：
function Cup(cupCover, cupBody, cupBottom) {this.cupCover = cupCoverthis.cupBody = cupBodythis.cupBottom = cupBottom}复制代码这样的定义方式很灵活简单，但有时候实例化出错了，也不会有相应的提示。
比如我们这样的实例化：
let cup = Cup('iron', 'plastic', 'rubber')复制代码当我们没有加上new的时候，编译器并不会提示（弱类型的特点），而且由于Cup本身就是一个函数，所以在使用的时候，也可以正常运行。
但是当我们cup此时肯定不是Cup类的，显而易见，当我们把Cup当作一个函数执行的时候， cup的值取决于函数的返回。这里没有返回，所以是undefined 。
那么我们执行完这个Cup()函数后，造成了什么影响呢？答案是Cup的属性绑定到了全局变量上。对于浏览器来说就是window
cup.cupCover // undefinedwindow.cupCover // "iron"复制代码所以，我们该如何避免这种情况发生呢？
我们可以稍稍改造一下Cup构造函数：
function Cup(cupCover, cupBody, cupBottom) {if(this instanceof Cup) {this.cupCover = cupCoverthis.cupBody = cupBodythis.cupBottom = cupBottom}else {return new Cup()}}复制代码这样当我们再次不小心执行let cup = Cup(‘iron’, ‘plastic’, ‘rubber’)时，由于此时的this并不是Cup的派生类，所以我们直接返回一个实例。
let cup = Cup('iron', 'plastic', 'rubber')cup.cupCover // "iron"复制代码而这种形式的构造函数，就是今天要说的安全模式的构造函数。
【javascript构造函数的作用构造函数的八种方法】以上就是javascript构造函数的作用（构造函数的八种方法）的相关内容了，更多精彩内容请关注！

javascript构造函数的作用构造函数的八种方法

推荐阅读

2024绍兴人民医院第一次社招岗位及报名条件

dnf比赛服也需要练级吗

刹车怎么排气

香奈儿粉饼10还是12白

红豆泡了三天还能吃吗百度百科红豆泡了三天还能吃吗

体温计放8年了还能用吗

丝苗米好吃吗丝苗米是什么米

脂肪族体积固含量

无保险利益的合同属于

纯棉缩水吗优衣库纯棉缩水吗

尿酸高有何症状

阿尔斯通分合闸线圈如何更换

什么是胎毒

华为还有什么类似同步推的软件

意蜂单王好还是双王好，各有哪些优缺点

牡丹花的特点是什么牡丹花的特点是什么资料

林九歌被谁锁在冰库

唱歌跳舞样样行下一句

支付宝守护金干什么用

罹患红斑性狼疮怎么办呢？

javascript构造函数的作用 构造函数的八种方法

推荐阅读

javascript构造函数的作用构造函数的八种方法