当前位置: 首页 > 开发杂谈 >

Constructor

当我们今天要储存个人的信息会使用到object,但仔细思考若有100位的话,是否太麻烦了

let persion1 = {
    name: "Dennis",
    age: 22,
    phone: "090909090"
}
console.log(persion1)
//{ name: 'Dennis', age: 22, phone: '090909090' }

这个时候就需要Constructor来帮助我们建立一个实体物件,Constructor很像是一个模板,藉由不同的内容去创造多个不同的实体,是不是方便很多呢

function Person(name, age, phone){
    this.name = name
    this.age = age
    this.phone = phone
}

let a = new Person("Dennis",22) //new 是关键字 建立一个Person的实体

console.log(typeof(Person)) //function
console.log(typeof(a)) //object    

奇怪为什麽会有this?

function Person(name, age, phone){
    this.name = name
    this.age = age
    this.phone = phone
    this.fn = function(){
        console.log(this)
    }
}

let a = new Person("Dennis",22) //new 是关键字 建立一个Person的实体
a.fn()

/*
Person {
  name: 'Dennis',
  age: 22,
  phone: undefined,
  fn: [Function (anonymous)]
}
*/

结果我们透过fn的function来输出什麽是this,结果就是指向目前的物件拉


最後来做个简单的小应用吧

function Person(name, age, phone){
    this.name = name
    this.age = age
    this.phone = phone
    this.SayHi = function(){
        console.log(`${this.name}说你好`)
    }
}

let a = new Person("Dennis",22) //new 是关键字 建立一个Person的实体
a.SayHi() //Dennis说你好

相关文章:

  • wish平台A+物流计划日本路向常见问题解答
  • 亚马逊买卖家选品时避免选择进入衰退期的产品
  • EP 12: Implement and Use a Custom ValueConveter
  • Between Two Sets
  • 系统分析师的养成之路—案例分享(1)
  • [day23]加入购物车 & 库存检查
  • 注册亚马逊店铺要考虑的3个问题
  • Day05 - 让轮子依随机速度转动并渐慢停下来
  • [Day 11] 让tinyML听见你的呼唤
  • Day24-JDK可视化监控工具:jconsole(四)
  • Google Chrome v91 table colspan 异常
  • Day19-D3 的 RWD 图表
  • Day3 AR其实在生活中很常见?他们又有那些好处哩(成为史莱姆猎人的萌新)
  • 克服拖延 → 维持专心 → 深度专注
  • “黑五”和“网一”需要准备什么?
  • 免费用谷歌云的方法:最新谷歌云300美金免费用的申请教程和方法
  • 海外营销周报:谷歌在搜索中取消Q&A功能,FaceBook Marketplace用户总量达 10 亿人 – 知外贸
  • 性价比最高的国外VPS服务器推荐:便宜好用的美国VPS大全
  • 最好用的云服务器推荐:什么云服务器稳定好用又便宜
  • 寻找印度市场伙伴
  • WordPress 5.7 引入新钩子,用于过滤单个区块的内容
  • WordPress禁用古腾堡编辑器全屏模式
  • 如何找国外网红营销?国外网红营销方法和推荐
  • 升级wordpress出错怎么办?wordpress升级502错误解决方法
  • 怎么获得菲律宾手机卡和接受短信验证码
  • Hostinger主机如何添加一个新的域名(网站),如何更改主机的主域名(Main Domain)
  • 【教程】Let’s Encrypt免费HTTPS SSL证书获取教程
  • Vultr促销码和2020年最新优惠:Vultr注册教程和使用方法
  • 搬瓦工VPS开通使用教程大全:教你如何购买、切换机房、更换IP、续费、升级套餐、退款
  • WordPress 5.7 引入函数来检查文章是否可以公开查看