码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript创建对象的方式汇总

时间:2020-09-24 00:03:48      阅读:38      评论:0      收藏:0      [点我收藏+]

标签:工厂模式   使用   asc   one   工厂   type   const   obj   函数   

1.Object构造函数创建

            // 1.Object构造函数创建
            var Obj = new Object();
            Obj.name=‘saoge‘;
            Obj.say=function(){
                console.log(`我的名字是${this.name}`)
            }
            Obj.say();

 

2.使用对象字面量表示法

            //2. 使用对象字面量表示法
            var Obj={
                name:‘saoge‘,
                age:18,
                say(){
                    console.log(`我的名字是${this.name},年龄是${this.age}`)
                }
            }
            Obj.say();

3.使用构造函数创建对象

            //3.使用构造函数创建对象
            function Obj(name,age){
                this.name=name;
                this.age=age;
                this.say=function(){
                    console.log(`我的名字是${this.name},我的年龄是${this.age}`)
                }
            }
            var objone = new Obj(‘saoge‘,18);
            objone.say();

4.原型链创建对象

            //4.原型链创建对象
            function Obj(){}
            Obj.prototype.name=‘saoge‘;
            Obj.prototype.age=18;
            Obj.prototype.say=function(){
                console.log(`我的名字叫${this.name},我今年${this.age}岁`)
            }
            var objone=new Obj();
            objone.say();

5.构造函数和原型混用

            //5.构造函数和原型混合使用
            function Obj(name){
                this.name=‘name‘;
            }
            Obj.prototype.age=18;
            Obj.prototype.say=function(){
                console.log(`我叫${this.name},我今年${this.age}岁`)
            }
            var objone=new Obj(‘soage‘);
            objone.say();

6.工厂模式

            //6.工厂模式
            //工厂模式使用较少,但是也需要了解
            function createObj(name){
                var obj = new Object();
                obj.name = name;
                obj.say=function(){
                    console.log(`我的名字叫${this.name}`)
                }
                return obj;
            }
            var objone = createObj(‘saoge‘);
            objone.say();

7.class创建对象

            // 7.class创建对象
            class Obj{
                constructor(name,age) {
                    this.name=name;
                    this.age=age;
                }
                say(){
                    console.log(`我的姓名是${this.name},我的年龄是${this.age}`)
                }
            }
            var objone = new Obj(‘saoge‘,18);
            objone.say();

只是简单的将所有方法汇总了一下,在忘记的时候看一眼能够很快的想起来。

JavaScript创建对象的方式汇总

标签:工厂模式   使用   asc   one   工厂   type   const   obj   函数   

原文地址:https://www.cnblogs.com/elonkwl/p/13715478.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!