前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《你不知道的JavaScript》:js中为什么没有类?

《你不知道的JavaScript》:js中为什么没有类?

作者头像
前端_AWhile
发布2019-08-29 13:12:24
1.6K0
发布2019-08-29 13:12:24
举报
文章被收录于专栏:前端一会前端一会

类--是一种代码的组织结构形式,是一种在软件中对真实世界中问题领域的建模方法。类有三个核心概念:封装、继承和多态。

面向对象编程强调的是数据和操作数据的行为本质上是互相关联的(当然不同的数据可能有不同的行为),因此好的设计就是数据以及和它相关的行为打包起来(也就是封装起来),这在正式的计算机科学中有时被称为 数据结构

例如用来表示一个单词的一串字符通常被称为字符串。其中字符就是数据,而应用在这些数据上的行为(比如计算长度、添加数据、搜索),就被设计成了String类的方法。所有字符串都是String类的实例,可以说这个字符串是一个包裹,包含字符数据和可以应用在这个数据上的函数(行为或者方法)。

可以通过类来对数据结构进行分类,比如汽车类,它是交通工具类的一个特例,后者是更广泛的类。

可以在软件中定义一个汽车类Car和交通工具类Vehicle来对这种关系建模。

Vehicle的定义包括引擎、载人能力等,这些应该算是Vehicle类的方法。Vehicle定义是几乎所有类型的交通工具都包含的东西。

在软件中,对不同的交通工具重复定义载人能力等方法是没有意义的,只要在Vehicle类定义一次,然后在Car类时,只要声明它继承(或扩展)了Vehicle类的基础定义就行。Car类的定义就是对通用Vehicle类定义的特殊化。

这里要注意,尽管Vehicle类和Car类都会定义相同的方法,但实例中的数据可能是不同的。比如每辆车的识别码等。

这就可以看出,类的继承和实例化。

类的另一个核心概念是多态,即父类的通用行为可以被子类用更特殊的行为重写。

类实例是由一个特殊的类方法构造的,这个方法名通常和类名相同,被称为构造函数。这个方法的任务就是初始化实例需要的所有信息(状态)。

类构造函数属于类,通常和类同名,并且构造函数大多需要用new来调用,这样语言引擎才能知道你想要构造一个新的实例。

在javascript中也有类似的语法,但是和传统的类完全不同。

js中只有对象,没有类这个概念。

类意味着复制,传统的类被实例化时,它的行为会被复制到实例中。类被继承时,行为也会被复制到子类中。

而js并不会像类那样自动创建对象的副本。看下js的构造函数,它是创建一个新对象:

function Fn(name, age){
    this.name = name;
    this.age = age;
}
Fn.prototype.showName = function(){
    console.log(this.name)
}
var obj = new Fn('nitx', 30);
obj.showName();     // nitx

还记得之前讲过的this么,看函数中this的绑定,要看函数调用位置和应用哪条绑定规则。这里应用的就是 new绑定 规则。将函数Fn中的this绑定到新创建的对象obj上面。showName是实例方法。这里就涉及到原型链了,下篇来看原型。

-------------------------------- 热门文章 --------------------------------

设计模式>>>

javascript设计模式一: 单例模式

javascript设计模式二:策略模式

javascript设计模式三:代理模式

javascript设计模式四:迭代器模式

javascript设计模式五:原型模式

javascript设计模式六:发布-订阅模式(观察者模式)

javascript设计模式七:模板方法模式

javascript设计模式八:职责链模式

javascript设计模式九:中介者模式

javascript设计模式十:装饰者模式

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-01-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端小二 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档