函数创建(工厂、构造)-javascrpit

目录

一、使用工厂方法创建对象

1.创建一个对象

2.使用工厂方法创建对象                 通过该方法可以大批量的创建对象 

 二、构造函数

 1.

 2.使用instanceof可以检查一个对象是否是一个类的实例

三、构造函数修改


一、使用工厂方法创建对象

1.创建一个对象

            var obj = {
				name: "孙悟空",
				age: 18,
				gender: "男",
				sayName:function(){
					alert(this.name)
				}
			};

2.使用工厂方法创建对象
                 通过该方法可以大批量的创建对象 

                function createPerson(name , age , gender){
				//创建一个新的对象
				var obj = new Object();
				
				//向对象中添加属性
				obj.name = name;
				obj.age = age;
				obj.gender = gender;
				obj.sayName = function(){
					alert(this.name)
				}
				
				
				//将新的对象返回
				return obj;
			}

            var obj2 = createPerson("猪八戒",28,"男");
			var obj3 = createPerson("熊大",18,"男");
			var obj4 = createPerson("熊二",16,"男");

使用工厂方法创建的对象,使用的构造函数都是Object
    所以创建的对象都是Object这个类型
    就导致我们无法区分出多种不同类型的对象

 二、构造函数

创建一个构造函数,专门用来创建Person对象的
                 构造函数就是一个普通的函数,创建方式和普通函数没有区别,
                 不同的是构造函数习惯上首字母大写
                 
                构造函数和普通函数的区别就是调用方式的不同
                 普通函数是直接调用,而构造函数需要使用new关键字来调用
                 
                构造函数的执行流程:
                 1.立即创建一个新的对象
                 2.将新建的对象设置为函数中this,在构造函数中可以使用this来引用新建的对象
                 3.逐行执行函数中的代码
                 4.将新建的对象作为返回值返回
                 
                使用同一个构造函数创建的对象,我们称为一类对象,也将构造函数称为一个类
                 我们将通过一个构造函数创建的对象,称为是该类的实例

 1.

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

            var per = new Person("熊大",18,"男");
			var per2 = new Person("熊二",16,"男");
			var per3 = new Person("光头强",28,"男");

            console.log(per);

 2.使用instanceof可以检查一个对象是否是一个类的实例

 语法:
          对象 instanceof 构造函数
 如果是,则返回true,否则返回false

            //console.log(per instanceof Object Person);
			//console.log(dog instanceof Person);
			
			/* 
				任何对象和Object做instanceof检查时都会返回true
			 */
			console.log(per instanceof Object);

 任何对象和Object做instanceof检查时都会返回true

三、构造函数修改

 创建一个Person构造函数
                 - 在Person构造函数中,为每一个对象都添加了一个sayName方法
                     目前我们的方法是在构造函数内部创建的,
                            也就是构造函数每执行一次就会创建一个新的sayName方法
                     也就是所有实例的sayName都是唯一的
                     这样就导致了构造函数执行一次就会创建一个新的方法,
                         这完全没有必要,完全可以使所有的对象共享一个方法

            function Person(name , age , gender){
				this.name = name;
				this.age = age; 
				this.gender = gender;
				//向对象中添加一个方法
				this.sayName = fun;
			}
			
			//将sayName方法在全局作用域中定义
			function fun(){
				alert("Hello大家好,我是"+this.name);
			}
			
			//创建一个Person的实例
			var per = new Person("孙悟空",18,"男");
			var per2 = new Person("猪八戒",28,"男");
			
			/* per.sayName();
			per2.sayName(); */
			
			console.log(per.sayName == per2.sayName);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值