简单的单例模式和构造函数

最新推荐文章于 2024-04-22 18:36:42 发布

原创最新推荐文章于 2024-04-22 18:36:42 发布 · 2.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript #函数 #对象 #构造函数 #单例模式

本文介绍了JavaScript中的单例模式，用于解决命名冲突和方便代码管理，并通过示例展示了如何创建和使用单例。同时，文章还探讨了构造函数的概念，包括内置类、实例化以及使用`instanceof`进行类型检查。最后，讨论了如何定义自己的构造函数，以及构造函数中的`this`关键字用法。

1、单例模式：
定义：单例模式其实就是一个对象，解决命名冲突的问题，模块化方便代码管理；最常用的方法；也可以称之为命名空间——>namespace；
PS:单例模式模式下，每个属性和属性之间的调用使用this就可以；
例如：在guonei.fn1中调用fn2就直接在fn1函数中this.fn2即可；

  var guonei={
	num:100,
	fn1:function(){
		this.fn2()
	}
	fn2:function(){}
		
			}

2、构造函数（类）：内置类 Number String Boolean Object Array Function.....
实例：具体到这个类中的某一个，每一个实例都是一个对象数据类型；
PS：每一个数组都是Array这个类的一个实例；
PS：每一个函数都是Function这个类的一个实例，无论实名还是匿名；
PS：instanceof 专门判断一个实例是否属于一个类，返回一个布尔值；
PS：任何一个引用数据类型都是object这个类的一个实例

3、如何定义一个类：function Tab（）定义函数相同；

Ps:构造一个类尽量使用首字母大写；
构造函数中的this就是当前实例；
构造函数中的this就是当前实例 => 如果想在实例添加私有属性 this.属性名
* 函数函数会默认返回一个实例，但是不能再函数中再写return一个引用数据类型

	//1、普通函数  2、构造函数（类） Function这个类的一个实例
    function Tab(){
		this;//构造函数中的this就是当前实例=>也就是正在new运算的这个实例；
		this.x=100;
		this.y=200;
	}
	var tab1=new Tab();
	var tab2=new tab();
	console.log(tab1);
	console.log(tab2);

   function Human(weight,height) {
	   // var abc=1000;//这个私有变量不会对实例产生影响；
        this.weight=weight;
        this.height=height;
    }
	var lele=new Human("4kg","30cm");
	var lelele=new Human("4kg","40cm");
	console.log(lele);
	console.log(lelele);