JS--使用工厂方法(批量)创建对象---构造函数---原型对象

批量的创建对象

                        function createPerson(name,gender){
				var obj = new Object();
				//创建新的对象
				
				//向对象中添加属性 
				obj.name = name;
				obj.gender = gender;
				obj.sayName = function(){
					alert(this.name);
				};
				
				return obj;
			}
			
			var obj2 = createPerson("wangbadan",12);
			var obj3 = createPerson("lizi",12);
			var obj4 = createPerson("lizzz",13);
			console.log(obj2);
			console.log(obj3);
			console.log(obj4);
			obj2.sayName();

使用工厂方法创造的对象,使用的构造函数都是Object,所以创建的对象都是Object类型的导致无法区分对象。

构造函数就是一个普通的函数,习惯首字母大写。

普通函数直接调用,构造函数需要使用new关键字来调用,

			//创建一个构造函数,
			function person(){
				
			}
			var per = person();
			console.log(per);//undefined
			
			var per1 = new person();
			console.log(per1);//[object Object]

构造函数的执行流程。

  1. 调用构造函数的时候,会立刻创建一个新的对象。
  2. 将新建的对象设置为函数中的this,在构造函数中,使用this来引用新建的对象
  3. 逐行执行函数中的代码
  4. 将新的对象作为返回值返回。

使用同一个构造函数创造的对象我们称为一类对象,也将一个构造函数称为一个类。

将通过构造函数创造的对象,叫做该类(构造函数)的实例

//创建一个构造函数,
			function person(name,age){
				this.name = name;
				this.age = age;
				this.sayName = function(){
					alert(this.name);
				};
			}
			function Dog(){
				
			}
			var per1 = new person("houzoi",13);
			var per2 = new person("shs",12);
			var per3 = new person("1222",3);
			
			var dog = new Dog();
			console.log(dog);
			console.log(per1);
			console.log(per2);
			console.log(per3);

使用instanceof可以检查一个对象是不是一个类的实例。(true or false)

object 是所有对象的父类。

this的情况

  1. 以函数的形式调用时,this是windows
  2. 以方法的形式调用时,谁调用方法就是谁
  3. 以构造函数调用的时候,this就是新创建的对象。

            //在person构造函数中,为每一个对象都添加了sayName方法,方法是在构造函数内部创建的,构造函数每执行一次,
            //就会创建一个新的sayName,所有的sayName都是唯一的,导致构造函数创建的大量对象都是一样的没哟必要,
            //使所有的对象共享一个方法
            
            //将sayName方法在全局作用域中定义。
            
            //将函数定义在全局作用域中,污染了全局作用域的命名空间。
            //而且定义在全局作用域中很不安全,

原型对象(所有对象都可以访问到的公共的区域):

prototype

我们创建的每一个函数,解析器都会向函数中添加一个属性prototype,对应着一个原型对象,

普通函数调用prototype没有任何作用。

函数以构造函数调用的时,他所创建的每一个对象都会有一个隐含的属性。---》指向该构造函数的原型对象,__proto__(访问该属性)

==同一个类的公共的区域,所有同一个类的实例都可以访问到这个原型。

可以将到对象中共有的内容,统一设置到原型对象中,不用为每一个对象添加,不会影响全局作用域,可以使每个对象都具有这些属性和方法。

			function Person(){
				
			}
			 var per = new Person();
			 
/*			console.log(Person.prototype);*/
			 
			console.log(per.__proto__ == Person.prototype);//true
			
			Person.prototype.a  = 123;
			
			Person.prototype.sayHello = function(){
				alert("Hello!");
			};
			
			per.sayHello();
				function Person(){
					
				}
				Person.prototype.name = "原型中的名字";
				var per = new Person();
				
				console.log(per.name);
				//使用in检查对象中是否含有某个属性时,如果对象中没有,原型中有,也会返回true
				//
				console.log(name in per);
				//检查对象自身中是否含有该属性
				
				var a = per.hasOwnProperty("name");
				console.log(a);
				
				console.log(per.__proto__.hasOwnProperty("hasOwnProperty"));//false
				//原型对象中也有一个原型。
				//如果没有原型则去原型的原型中去找,知道找到Object
				console.log(per.__proto__.__proto__.hasOwnProperty("hasOwnProperty"));//true
				

发布了183 篇原创文章 · 获赞 19 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43641432/article/details/103055610