浅析JavaScript的原型对象、原型链和面向对象的特点

一、Object类型

1.1、JavaScript面向对象的特点

js虽也是面向对象的语言,但与”正统”的面向对象语言(如java)有很大不同:

  • java拥有类和对象,其继承是从类来继承;js只拥有对象,而没有真正意义上的类(只有名义上的类),继承也是从对象来继承。
  • 在java中若定义了一个类,则该类的所有对象拥有完全相同的属性和方法;js的对象具有动态性,在任何时候都可以随意修改属性和方法,所以在js中就算某两个对象同属一个名义上的类,它们也可以拥有不同的属性和方法。
    (你不刚说js没有真正意义上的类吗,这里又说两个对象同属一个名义上的类,啥意思?敲个代码还要达到”看山不是山”的境界吗?——勿急,且听下文分解)

所以更”准确的”来说(你确定?),java是面向类的语言,js才是纯粹面向对象的的语言。(函数大哥发话了:我才是js的老大好吗,js其实面向我编程的好吗,作用域链统治一切!而且你这个小对象还不是要通过我函数才能生成)

1.2、看一个特殊的Object对象

上面讲了那么多,可以说明:在js中就算两个对象同属一个类,它们的结构也是可以完全不同的。看个栗子:

    console.log(Object.prototype);
    console.log(new Object());
    console.log({});

第一行的结果是:

这里写图片描述

第二和第三行的结果完全相同,都是:

这里写图片描述

对比下区别:Object.prototype 和 new Object(),都属Object类型,都是Object类型的对象,但Object.prototype有constructor属性,没有 _ proto _ 属性,而new Object()只有_ proto _ 属性,且_ proto _ 属性的值就是Object.prototype。这两个对象的属性可以说是完全不同,存在着本质上的区别,但又间接的隐藏着某种联系。

第一个Object对象,比较特殊,我擅自称之为”根基Object对象”,它无需手动生成而且也无法通过js代码生成,只要浏览器存在,它就存在,而且它只存在于Object.prototype(其他地方我是没发现,若有请指正)。第二个Object对象,只不过是调用Object构造函数生成的。

总结:

  • 根基Object对象:它无 _ proto _属性,有自己的constructor属性 ,且该对象只存在于 Object.prototype
  • 一般Object对象:该对象一般通过 new 或 对象字面量{ } 创建 或在某些情况下自动创建(如创建函数时,自动创建一个对象为函数的prototype属性赋值),它有 _ proto _属性(且默认指向”根基Object对象”,原因就是其本质就是调用Object构造函数生成的),无自己的constructor属性。

那为什么一者有_ proto 属性,而另一者没有呢,为什么要这样做呢?而且这个 proto _属性是什么玩意?——下面就要提及”原型”的概念。

二、原型

2.1、prototype对象

js中函数具有两重性:首先,函数可以划分作用域,一个函数就是一个执行环境(这也是个大话题,本文暂不提)。其次,一个函数也是一个对象,属Function类型。既然是对象,就可以有属性和方法,而原型(prototype)就是函数的一个属性。

下面的代码定义了一个函数:

function Daddy(name){
    
    this.name = name
}
  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值