前端 js 基础对象 (3)

js 对象定义





JavaScript 对象创建

=======================

new

前端 js 基础对象 (3)_第1张图片

js 对象属性





JavaScript 对象属性

访问对象属性有两种不同的方法:

您可以使用 .property 或 ["property"]。

//======================

前端 js 基础对象 (3)_第2张图片

js 对象方法 





前端 js 基础对象 (3)_第3张图片

 js 对象显示





JavaScript 对象

显示对象属性:

 前端 js 基础对象 (3)_第4张图片

js  set  get 对象访问 





JavaScript Getter 和 Setter

Getter 和 Setter 允许您通过方法获取和设置属性。

此示例使用 lang 属性设置语言属性的值。

========== set ==========

========== get ==========

前端 js 基础对象 (3)_第5张图片

js 对象构造器





JavaScript 对象构造器

//====================

前端 js 基础对象 (3)_第6张图片

js 可迭代对象

可迭代对象(Iterables)是可以使用 for..of 进行迭代的对象。

从技术上讲,可迭代对象必须实现 Symbol.iterator 方法。





JavaScript 可迭代对象

迭代字符串:

========================

遍历数组:

前端 js 基础对象 (3)_第7张图片

自制迭代器 

参考JavaScript 可迭代对象 (w3school.com.cn)




JavaScript 可迭代对象

自制的可迭代对象:

前端 js 基础对象 (3)_第8张图片

js map

Map.size

size 属性返回 Map 中元素的数量:




JavaScript Map 对象

使用 Map.set():

==================== // 创建 Map

========== 删除 size 属性返回 Map 中元素的数量:

前端 js 基础对象 (3)_第9张图片

js  call

call() 方法是预定义的 JavaScript 方法。

它可以用来调用所有者对象作为参数的方法。

通过 call(),您能够使用属于另一个对象的方法。

本例调用 person 的 fullName 方法,并用于 person1:





JavaScript 函数

此例调用 person 的 fullName 方法,在 person1 上使用它:

 前端 js 基础对象 (3)_第10张图片

js apply

 参考 JavaScript 函数 Apply (w3school.com.cn)

JavaScript apply() 方法

apply() 方法与 call() 方法非常相似





JavaScript 函数

在此示例中,person 的 fulllName 方法在 person1 上应用

 前端 js 基础对象 (3)_第11张图片

js 闭包 





JavaScript 闭包

使用局部变量计数。

0

前端 js 基础对象 (3)_第12张图片

js 类继承

 参考 JavaScript 类继承 (w3school.com.cn)

super() 方法引用父类。

通过在 constructor 方法中调用 super() 方法,我们调用了父级的 constructor 方法,获得了父级的属性和方法的访问权限。





JavaScript Class 继承

请使用 "extends" 关键字从另一个类继承所有方法。

使用 "super" 方法调用父级的构造函数。

 前端 js 基础对象 (3)_第13张图片

你可能感兴趣的:(vue,问题,javascript,前端,开发语言)