Javascript构造函数和构造函数创建对象

先定义一个构造函数

function getPoint() {
  const x = 1;
  const y = 10;
  return {x, y};
}

接下来验证

getPoint() 
//{x: 1, y: 10}  

以上,说明带双括号是执行一个函数

getPoint                  
/* getPoint() {       
           const x = 1;
           const y = 10;
           return {x, y};
                              }                     
                          */

以上,不带双括号是指对象(指针),这里返回了对象的指针,也就是这个对象

getPoint().x  
//1

以上,其实是执行函数,返回了一个函数体内定义return的对象{x: 1, y: 10} ,然后取得对象的x值

getPoint.foo = 100 
getPoint.foo
//100

以上,getPoint没带双括号,不是函数的执行,在这里是一个对象,对象都遵循原型链,第一句在原型上添加foo属性并赋值100

getPoint.prototype
/*constructor: ƒ getPoint()
                                  foo: 100
                                  length: 0
                                  name: "getPoint"
                                  arguments: null
                                  caller: null
                                  prototype: {constructor: ƒ}
                                  __proto__: ƒ ()
                                  [[FunctionLocation]]: VM272:1
                                  [[Scopes]]: Scopes[2]
                            __proto__: Object
                          */

以上,调出getPoint的原型,原型上有constructor(这里就是指getPoint()构造函数)和属性foo: 100

所以getPoint()本身是函数,也是对象,看他怎么用。带双括号就是执行的意思,那这个时候他就是函数。函数本身是个对象,体现在他有Prototype,他执行的其实就是Prototype上的constructor。

以上为个人见解碎碎念,请辩证看待。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值