JS-对象创建

作者: 刘淘 | 来源:发表于2020-06-19 00:17 被阅读0次
  • 使用函数工厂创建对象,通过参数传递对象定制的数据,内部返回包含属性和方法的对象
//函数工厂创建
function user(name,age){
    return {
        name,
        age,
        show(){
            console.log(`${name}  ${age}`)
        }
    }
}
//创建实例
const xiamu=user('xiamu',18)
xiamu.show()

const fox=user('fox',188)
fox.show()
  • 使用构造函数创建对象,构造函数默认返回this,其指向生成的对象,此时如果对象函数赋值变量,内部this指向Window
//构造函数创建
function User(name,age){
    this.name=name
    this.age=age    
    console.log(this+'000')
}
User.prototype.show=function(){
    console.log(this+"000")
    console.log(`${this.name} ${this.age}`)
}
//创建实例
const xiamu=new User('xiamu',18)
xiamu.show()

const fox=new User('fox',188)
fox.show()
//如果对象函数赋值为变量,内部this将指向Winnow。正常情况下this指向的是当前对象
const showF=fox.show 
//console.log(showF()+'==')
  • 使用内部构造函数(如Number Date Function RegExp等)创建对象,其生成对象可通过valueOf获取对应的值
//内部构造函数创建对象
const date=new Date() //最常用的
console.log(date.valueOf())  //时间戳 用来刷新
console.log(Date.now())

const num=Number(1)
console.log(num.valueOf())

const reg=new RegExp(/\d+/)
console.log(reg.test('11'))

const fun=new Function('name','age',`
    this.name=name
    this.age=age
    this.show=function(){
        console.log(this.name +'=='+this.age)
    }
`)
const func=new fun('xiaomu',28)
console.log(func.valueOf())
func.show()

相关文章

  • js-创建对象

    工厂模式缺点:虽然解决了创建多个相似对象的问题,但是没能识别对象类型 构造函数模式 几点tips:构造函数的函数名...

  • JS-创建对象

    没完成大概先这样写下 字面量 优点:方便直观缺点:不能构成重用 new Object(); 工厂方法 优点:屏蔽了...

  • JS-对象创建

    使用函数工厂创建对象,通过参数传递对象定制的数据,内部返回包含属性和方法的对象 使用构造函数创建对象,构造函数默认...

  • JS-最全的创建对象方式

    JS最全创建对象方式汇总 1.最简单的方式--创建一个Object实例 2.对象字面量 以上均为创建单个对象的方法...

  • JS-对象

    一、数学对象(8) 二、字符串对象(9 ) 1、字符串:是一个字符2、字符串对象:是一个数组。3、用字符串方法对字...

  • JS-对象

    1. 基础 可通过字面量定义对象,在对象内部定义属性和方法 可以通过对象.属性或者对象['属性'] 对象['方法...

  • JS-对象

    Array1.声名 var arr = [];2.读取数据-通过索引 var arr = ['1','2','...

  • 数组

    JS-数组 方法: Array.isArray(obj) : 判断对象是否是Array,是返回true,不是返回f...

  • js-创建对象的三种方式

    1 字面量的方式 2 调用系统的构造函数 3 自定义构造函数方式

  • 对JavaScript的Event对象的理解

    今天写一下个人觉得在JS中比较重要又比较独特的对象--Event对象以及应用。 -简单介绍JS- 谈到javasc...

网友评论

    本文标题:JS-对象创建

    本文链接:https://www.haomeiwen.com/subject/xzkmxktx.html