javascript创建构造函数时作用域安全，即怎样保证一直都是构造函数

Shihira 发布于2019-08-19 17:47 / 1021人阅读

摘要：在使用利用面向对象的思想创建类和对象时，通常是使用构造函数，工厂方式，原型方式，原型构造函数方式等。

在使用javascript利用面向对象的思想创建类和对象时，通常是使用构造函数，工厂方式，原型方式，原型构造函数方式等。
构造函数其实就是使用一个使用new操作符调用函数，当使用new调用时，构造函数内用到的this对象会指向新创建的对象实例，例如：

function Person(name, age){
    this.name = name;
    this.age = age;
}

var p1 = new Person("summer", 28)

上述例子Person构造函数使用this对象给两个属性赋值：name,age。当使用new操作符新建一个变量p1，即创建了一个新的对象，同时this指向当前的p1对象。
这是利用构造函数创建对象的情况，当不使用new操作符时，将Person当做普通函数调用，由于该this对象是在运行时绑定的，所以直接调用Person(),这时this会映射到全局对象window上这时就污染了全局window对象，例如：

var p1 = Person("summer", 28);
console.log(window.age); //28
console.log(p1.age);//报错

发现原本针对Person实例的属性被加到了全局window对象上，构造函数作为普通函数调用，由于this对象的晚绑定造成的，这里this被解析成window对象，这样污染了全局属性window.name。
为了保证每次的构造函数都创建一个对象，即不允许作为普通函数调用，解决方法是创建一个作用域安全的构造函数.

首先判断this对象是正确的类型实例，如果不是，那么就会创建新的实例并且返回该实例对象。

如下所示：

function Person(name, age){
    if(this instanceof Person){//判断this是否指向Person
        this.name = name;
        this.age = age;
    }else{
        return new Person(name,age);//返回一个新的对象
    }
}

var p1 = Person("summer", 28);
console.log(window.name);//""
console.log(p1.name);//summer

如下所示：

GPU云服务器云服务器构造函数私有构造函数非构造函数构造函数对比

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78842.html

JavaScript-面试

摘要：表示没有对象，即该处不应该有值。闭包的形成允许使用内部函数，可以将函数定义和函数表达式放在另一个函数的函数体内。使用闭包可以减少全局环境的污染，也可用延续变量的生命。所以在闭包不用之后，将不使用的局部变量删除，使其被回收。 1.javaScript的数据类型有什么 Undefined、Null、Boolean、Number、String 2.检测数据类型有什么方法 typeof typ...

fantix 2019-08-23 10:37 评论0 收藏0
《javascript高级程序设计》第六章读书笔记之 javascript对象的几种创建方式

摘要：三种使用构造函数创建对象的方法和的作用都是在某个特殊对象的作用域中调用函数。这种方式还支持向构造函数传递参数。叫法上把函数叫做构造函数，其他无区别适用情境可以在特殊的情况下用来为对象创建构造函数。一、工厂模式工厂模式：使用字面量和object构造函数会有很多重复代码，在此基础上改进showImg(https://segmentfault.com/img/bVbmKxb?w=456&...

xiaotianyi 2019-08-23 14:31 评论0 收藏0
关于javascript 中的高级定时器的若干问题

摘要：闭包闭包是指有权访问另一个函数作用域中的变量的函数当某个函数被调用时，会创建一个执行环境及相应的作用域链。要注意通过第句声明的这个方法属于构造函数生成的对象，而不属于构造函数的变量对象，也就是说，并不存在于作用域链中。看到评论里有仁兄建议我试试箭头函数，真是受宠若惊，本来写这篇文章也只是想记录写要点给自己日后看的。今天早上看到一篇总结javascript中this的文章JavaScr...

zr_hebo 2019-08-21 11:22 评论0 收藏0
JavaScript闭包

摘要：此时的作用域链包含了两个对象的活动对象和对象。闭包的应用场景保护函数内的变量安全。依然如前例，由于闭包，函数中的一直存在于内存中，因此每次执行，都会给自加。引子 JS的闭包一直是很多人不理解，也是在使用过程中经常出现问题的地方。每次看文章都会有所了解闭包，但是，用起来还是不对，而且错误百出，其关键问题还是出在对其不理解，不了解。此文章会不定期更新以及完善，希望在我学习的时候，让大家也...

Tony 2019-08-19 17:54 评论0 收藏0
前端基本功-常见概念(一)

摘要：前端基本功常见概念一点这里前端基本功常见概念二点这里前端基本功常见概念三点这里什么是原型链当一个引用类型继承另一个引用类型的属性和方法时候就会产生一个原型链。函数式编程是声明式而不是命令式，并且应用程序状态通过纯函数流转。前端基本功-常见概念(一) 点这里前端基本功-常见概念(二) 点这里前端基本功-常见概念(三) 点这里 1.什么是原型链当一个引用类型继承另一个引用类型的属性和方...

bladefury 2019-08-23 14:41 评论0 收藏0