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创建对象的方式汇总的更多相关文章

  1. javascript——创建对象的方式

    对象:在JavaScript中,对象是拥有属性和方法的数据. JavaScript自定义对象方式有以下7种:直接创建方式.对象初始化器方式.构造函数方法.prototype原型方式.混合的构造函数/原 ...

  2. JavaScript创建对象的方式

    一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程. 考虑到在 ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的 ...

  3. JavaScript创建对象的方法汇总

    JavaScript中的对象 ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.”严格来讲,这就相当于说对象是一组没有特性顺序的值.对象的每一个属性或方法都有一个名字 ...

  4. JavaScript 创建对象的七种方式

    转自:xxxgitone.github.io/2017/06/10/JavaScript创建对象的七种方式/ JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以 ...

  5. javascript创建对象的几种方式

    javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用.主要为下面几种:1.对象字面量的方式 person={firstname ...

  6. javascript中创建对象的方式总结

    javascript中创建对象的方式总结 具体代码如下: //创建对象的方式: //创建方式一 var person=new Object(); person.name='jack'; person. ...

  7. JavaScript创建对象的6种方式

    JavaScript创建对象简单的说,无非就是使用内置对象(Object)或各种自定义对象,当然还可以用JSON,但写法有很多种,也能混合使用. 1.对象字面量的方式 person = {name : ...

  8. JavaScript创建对象的几种 方式

    //JavaScript创建对象的七种方式 //https://xxxgitone.github.io/2017/06/10/JavaScript%E5%88%9B%E5%BB%BA%E5%AF%B9 ...

  9. JavaScript 常见创建对象的方式

    JavaScript 有哪几种创建对象的方式? javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用. (1)对象字面量的方式 ...

随机推荐

  1. jQuery源码分析系列(一)初识jQuery

    一个工厂 (function(global, factory){ "use strict" // operation_1 })(typedef window !== "u ...

  2. Pyqt QImage 与 np array 转换方法

    Pyqt QImage 与 np array 转换方法(转载) img=cv2.resize(src=img,dsize=None,fx=0.2,fy=0.2) img2=cv2.cvtColor(i ...

  3. python爬虫-爬取百度图片

    python爬虫-爬取百度图片(转) #!/usr/bin/python# coding=utf-8# 作者 :Y0010026# 创建时间 :2018/12/16 16:16# 文件 :spider ...

  4. 测试必须学spring RESTful Service(上)

    文末我会说说为什么测试必须学spring. REST REST,是指REpresentational State Transfer,有个精辟的解释什么是RESTful, 看url就知道要什么 看met ...

  5. vue + vant 上传图片之压缩图片

    <van-uploader v-model="fileList" multiple :after-read="afterRead" :max-count= ...

  6. Lua 5.3注册C++类相关API

    int luaL_newmetatable (lua_State *L, const char *tname); 如果注册表中不存在名为tname的表,则在注册表中创建一个名为tname的表,并将这个 ...

  7. 1.异常页面: /File/ApplyFileForm.aspx 2.异常信息: 基类包括字段“PageOfficeCtrl1”,但其类型(PageOffice.PageOfficeCtrl)与控件(PageOffice.PageOfficeCtrl)的类型不兼容。

    出现页面报错的解决如下: 1.  在  .aspx  页面报错的字段  ID 名称更改: 2.  在没有重复 ID控件,先实行步骤1, 生成项目是ok的,然后,还原,原来的ID名称,再去浏览页面运行, ...

  8. 关于Vuex的那些事儿

    vuex vuex是一个专门为Vue.js应用程序开发的状态管理模式,集中式的存储应用的所有组件的状态 以相应的规则保证状态以一种可预测的方式发生变化 单向数据流 State:驱动应用的数据源(单向数 ...

  9. TP6.0中的密码验证逻辑、验证器的使用

    目录 1. 场景一:只有一个密码框,并且是可选项,留空不修改密码,不留空则修改密码 2. 场景二:两个密码框,修改密码时有新密码.确认密码,新密码框不为空时,确认密码才验证 1. 场景一:只有一个密码 ...

  10. jmeter连接redis取数据

    1.导入fastjson-1.2.2.jar.jedis-2.2.1.jar到 jmeter\lib\ext\ 下 2.新建BeanShell Sampler import com.alibaba.f ...