对象的创建——格式化创建对象

使用工厂的方式创建对象

如果需要创建多个相似的独享的时候,需要填写许多重复代码。
所以我们使用将其进行封装,实现工厂化生产,批量生产。

将创建对象的过长写到函数中,并将函数传递给函数:

		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 obj1 = createPerson("白骨精",32,"女");
       var obj2 = createPerson("玉面狐狸",23,"女");
       var obj3 = createPerson("玉兔精",32,"女");
       obj1.sayName();

问题:
使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型;
就导致我们无法区分出多种不同类型的对象。
如:创建人和狗都是使用 new Object()进行创建。

构造函数创建对象——相当于java中的类

构造函数的格式:

function 函数名(参数){
}

构造函数就是一个普通的函数,创建方式和普通函数没有区别。
不同的是:

  • 构造函数习惯上首字母大写

  • 调用方式的不同普通函数是直接调用,构造函数需要使用new关键字来调用。

  • 创建一个构造函数专门用来创建Person对象。

  • 构造函数的执行流程:
    1.立刻创建一个新的对象
    2.将新建的对象设置为函数中this ,在构造函数中可以使用this来引用新建的对象
    3.逐行执行函数中的代码
    4.将新建的对象作为返回值返回

eg:

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

       var per1 = new Person("白骨精",18,"女");
       var per2 = new Person("蜘蛛精",28,"女");
       var per3 = new Person("玉兔精",18,"女");

       console.log(per1);
       console.log(per2);
       console.log(per3);

输出:
在这里插入图片描述
使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类
我们将通过一个构造函数创建的对象,称为是该类的实例。

instanceof ——判断是否是该类的实例

使用instanceof可以检查一个对象是否是一个类的实例
语法: 对象名 instanceof 构造函数名
如果是,则返回true,否则返回false

eg:

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

       var per1 = new Person("白骨精",18,"女");
       var per2 = new Person("蜘蛛精",28,"女");
       var per3 = new Person("玉兔精",18,"女");

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

       var dog = new Dog("豆豆",4);
       
       console.log(per1 instanceof Person);
       console.log(dog instanceof Person);

输出:

true
false

构造函数的缺点

  • 问题:如果在构造函数中创建函数,则每创建一个对象就会有一个构造函数,会造成资源的浪费。
    解决:
    将函数提出来,构造函数中进行引用即可:
function Person(name, age, gender){
           this.name = name;
           this.age = age;
           this.gender = gender;
           this.sayName = fun;
       }
       function fun(){
               alert(this.name);
       };

       var per1 = new Person("白骨精",18,"女");
       var per2 = new Person("蜘蛛精",28,"女");
       var per3 = new Person("玉兔精",18,"女");
       console.log(per1.sayName == per2.sayName)
       per1.sayName();
       per2.sayName();

输出:

true
  • 问题:这样定义就相当于将sayName方法在全局作用域中定义
    将函数定义在全局作用域,污染了全局作用域的命名空间而且定义在全局作用域中也很不安全。
    这就引入原型对象的概念了,有兴趣的可以查看:
    https://blog.csdn.net/mantou_riji/article/details/123954886

补充

所有的对象都是Object的后代,
所以任何对象和Object用instanceof检查时都会返回true。

this的使用

1.当以函数的形式调用时,this是window
2.当以方法的形式调用时,谁调用方法this就是谁
3.当以构造函数的形式调用时,this就是新创建的那个对象|

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值