JavaScript:解构赋值

是可以模拟类的行为的 特殊函数

ECMAScript 中没有正式的“类”这个类型,本质上类就是一种特殊的函数,就像函数是一种特殊的对象。

在 ES6 之前,ECMAScript 没有正式的、规范化的实现继承的语法。

ES6 新增类,来规范化 ECMAScript 中关于继承的实现。

类是 ECMAScript 的基础性语法糖,是对使用原型和构造函数实现继承的规范,是对寄生式组合继承的规范。

类表面上看起来可以支持正式的面向对象编程,但实际上使用的仍然是原型和构造函数来模拟类的行为(继承)。


主要参考资料:

  • 《JavaScript 高级程序设计(第4版)》- P249(274/931)

定义类

定义一个类需要使用关键字 class 。

定义类的方式有两种:

  • 类声明

    类声明,即使用关键字 class 定义一个具名的类。

  • 类表达式

    类表达式,即以表达式的形式使用关键字 class 定义一个类,类名是可选的。

类名一般采用首字母大写的形式。

示例:

  • 定义类。
    class TypeA {
         }  // 类声明
    
    const TypeB = class {
         }  // 类表达式,不指定类名
    
    const Type = class TypeC {
         }  // 类表达式,指定类名
    

类构造函数

类构造函数 是归属于类的构造函数。

定义一个类构造函数需要使用关键字 constructor 作为类构造函数的函数名。

与构造函数一样,在类构造函数中,可以使用对象 this 为类的实例对象添加属性。

类构造函数与构造函数的区别:

类构造函数不能被直接调用。

构造函数能被直接调用。

示例:

  • 类构造函数
    class Type {
         
    	constructor() {
         
    		this.instAttr = 'instAttr'
    	}  // 类构造函数
    }
    

类的实例化

类的实例化,即使用操作符 new 调用类创建一个实例对象。

类不能被直接调用,只能使用操作符 new 被调用。

使用操作符 new 调用类,会执行如下操作::

  1. 在内存中创建一个新对象。
  2. 新对象的内部特性 [[Prototype]] 被赋值为 的属性 prototype 。
  3. 调用 类构造函数
  4. 类构造函数 的对象 this 被赋值为新对象。
  5. 执行类构造函数的函数体。
  6. 如果类构造函数有非空的返回值,则返回类构造函数的返回值,否则返回类构造函数的对象 this 。

类可以立即实例化。

即在使用类表达式定义类时,直接使用操作符 new 调用类。

示例:

  • 类的实例化

    class Type {
         
    	constructor() {
         
    		console.log('instantiate Type')
    		this.instAttr = 'instAttr'
    	}
    }
    
    const type = new Type()  // 类的实例化
    
    console.log('type.instAttr:', type.instAttr)
    const prototype = Object.getPrototypeOf(type)
    console.log('prototype of type === Type.prototype:', prototype === Type.prototype)
    
    // 输出:
    // instantiate Type
    // type.instAttr: instAttr
    // prototype of type === Type.prototype: true
    
  • 类的立即实例化

    const type = new class Type {
         
    	constructor() {
         
    		console.log('instantiate Type')
    	}
    }()  // 类的立即实例化
    
    // 输出:
    // instantiate Type
    

类的构成

关于类的内容需要定义在类的块作用域中

在类块中只能定义方法,不能定义非函数属性。

虽然在类块中不能定义非函数属性,但类本质上是一个函数对象,所以可以在类块外直接为类添加非函数属性。

在类块中定义方法的语法:

使用对象字面量的方法简写的形式定义方法。

方法之间不需要使用逗号操作符 , 分隔。

函数名可以像属性名一样,使用字符串、符号、表达式作为键。

在类块中正常定义的方法可以分为三种:

  • 类构造函数
  • 普通函数
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值