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

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

  • 相关阅读:
    【自用】【做题日记6】CTFHUB-文件上传
    【自用】【做题日记5】CTFHUB-XSS
    【自用】【做题日记4】CTFHUB-SQL注入
    【自用】【做题日记3】CTFHUB-密码口令
    【自用】【做题日记2】CTFHUB-信息泄露
    【自用】【做题日记1】CTFHUB-web前置技能
    前端-常用正则表达式
    ClashX 配置代理白名单
    http 网址 URL 特殊字符转义编码
    axios的post和request请求方法
  • 原文地址:https://www.cnblogs.com/elonkwl/p/13715478.html
Copyright © 2020-2023  润新知