zoukankan      html  css  js  c++  java
  • JavaScript创建对象的方式汇总

    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();

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

  • 相关阅读:
    为开源项目 go-gin-api 增加后台任务模块
    将多行数据以',' 进行分隔
    syslog中的“(CRON)信息(未安装MTA,丢弃输出)”错误,crontab定时任务失效
    为什么我不推荐大家去外包公司?
    Linux永久修改系统时间
    云数据库 Redis 暂时不支持外网访问
    Nginx中worker connections问题的解决方法 大量用户502
    入手
    nginx 之$proxy_host|$host|$http_host区别
    grpc-golang入门
  • 原文地址:https://www.cnblogs.com/elonkwl/p/13715478.html
Copyright © 2011-2022 走看看