[转]JS私有化的实现——稳妥构造函数
2019-10-26 17:28
1611 查看
原文链接:https://www.mk2048.com/blog/blog.php?id=h02ji0hki12j&title=%5B%E8%BD%AC%5DJS%E7%A7%81%E6%9C%89%E5%8C%96%E7%9A%84%E5%AE%9E%E7%8E%B0%E2%80%94%E2%80%94%E7%A8%B3%E5%A6%A5%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0
更多专业前端知识,请上【猿2048】www.mk2048.com
所谓稳妥对象, 指的是没有公共属性, 而且其方法也不引用this的对象。稳妥对象函数遵循与寄生构造函数类似的模式, 但有两点不同: 一是新创建对象的实例方法不引用this; 二是不使用new操作符调用构造函数。
最近在浏览博客时发现很多人好像理解错这个稳妥构造函数了, 这个函数与在《javascript 高级程序设计》中提到的其他构造函数的一大特点在于可以利用js作用域实现私有变量化。
1 function Process (nameF) { 2 var o = new Object(); 3 var name = nameF;//1 4 o.sayName = function(){ 5 alert(name);//2 6 }; 7 return o; 8 } 9 10 var friend = Process('Nick'); 11 friend.sayName(); //"Nick" 12 console.log(friend.name);//undefined//3
注意: (以下3点)
1. 在稳妥构造函数中变量不能挂到要返回的对象o中
2. 在稳妥构造函数中的自定义函数操作元素时使用不要用this
3. 在函数外部使用稳妥构造函数时不用new。
---------------------
作者:C_Kite
来源:CSDN
原文:https://blog.csdn.net/c_kite/article/details/63258179
版权声明:本文为博主原创文章,转载请附上博文链接!
更多专业前端知识,请上【猿2048】www.mk2048.com
相关文章推荐
- js构造函数和继承实现方式
- node.js利用javascript中构造函数继承,实现模块调用
- js实现拖拽效果(构造函数)
- JS创建对象之稳妥构造函数模式
- 在立即执行函数内组合使用构造函数模式和原型模式创建对象,实现模块化开发(以daterangepicker.js为例)
- 构造函数+原型混合方式实现js的继承
- 原生js-—动态原型模式、寄生构造函数模式、稳妥构造函数模式
- js实现轮播图的两种方式(构造函数、面向对象)
- JS基于构造函数实现的菜单滑动显隐效果【测试可用】
- js中借用构造函数实现继承
- js实现拖拽效果(构造函数)
- JS之稳妥构造函数模式and静态私有变量
- JS实现继承之不可取的构造函数方式继承
- JS中使用动态原型模式、寄生构造函数模式、稳妥构造函数模式创建对象
- js 单例模式的实现方式----闭包和构造函数内部判断
- js实现放大镜效果
- js实现弹幕效果
- JS+CSS简单实现DIV遮罩层显示隐藏
- 用js实现幻灯片放大图片效果
- JS实现二叉查找树的建立以及一些遍历方法