属性访问器
笼统概念：
- 属性
对象属性的分类
在JS中，对象的属性分类为两类：
-
数据属性：拥有四大属性特性的属性都属于数据属性。你自定义的属性默认都具有四大属性特性
- [[configurable]]：可配置
- [[enumerable]]：可枚举
- [[writable]]：可修改
- [[value]]：值
-
访问器属性：拥有这四大特性的属性就是访问器属性。
- [[configurable]]：可配置
- [[enumerable]]：可枚举
- [[get]]：可修改
- [[set]]：值
访问器属性
定义：解释
- 重点：访问器属性就是把一个还是绑定到一个属性名上，当访问该属性会自动调用绑定的函数。
- 访问器属性是一种特殊的属性。
- 它是属性：不是方法！！！
- 访问器属性：属性还是那个属性
//访问器是一个函数
//get 是定义访问器属性的一个关键字
//fakeAge 是你自己定义的属性名，属性名还是那个属性名
get fakeAge //属性还是属性
- 访问器属性：访问器是一个函数，通过这个函数你可以访问对象的其它属性。
//访问器是一个函数
(){
let num = this.age + 10
return num
}
属性访问器的语法
属性访问器分为两种：
- get：是一个关键字。用于为属性绑定函数。在函数体内读取对象的其它属性。这种属性访问器被称为：“Getter”.
- set：是一个关键字。用于为属性绑定函数。在函数体内设置对象的其它属性的值。这种属性访问器被称为：“Setter”.
语法：
{get 属性名(){}} //禁止传参
{set 属性名(value){}} //必须传一个参
getter和setter在class中应用
<script>
// rectangle: 正方形 window.getBoundingClietRect()
//创建一个rect的类
class Rect{
constructor(w,h){
//创建一个 this = {}
this.width = w;
this.height = h;
//return this
}
get area(){
return this.width * this.height
}
}
//类是用来创建实例对象
const r = new Rect(50,60)
//要求：求正方形面积
console.log(r.area);
</script>
总结
1.getter和setter是什么？
- 属性访问器 器=>函数
2.getter和setter是一种定义对象属性的特殊方法。特殊在于它为属性绑定了一个函数，在访问该属性时，会自动调用函数
3.定义：访问器属性就是把一个还是绑定到一个属性名上，当访问该属性会自动调用绑定的函数。
4.语法
- 访问属性不加小括号
- 定义get不要传参，要传return
- 定义set要传一个参，不要传return
- 在getter中，读取对象的其他属性，如何进行操作
- 在setter中，修改对象的其它属性
Modules
Modules
读音：毛久、毛煮。 模块：重用，标准化
- HTML：没有“模块”概念
-
CSS：通过
@import导入模块 -
JS：ES6通过
export和import两个关键词实现模块化- export：本意出口 => 导出
- import：本意进口 => 导入
- port：港口（港口城市：port city）
模块的概念
- JS
modules模块允许将代码分解成单独的文件保存，这个文件就是模块。 - 模块的特点：复用性 + 便于维护
- 模块的类型：只有function和variable、Class才可以成为模块。
如何创建模块
第一步：理解使用两个声明关键字
- export：导出
- lmport：导入
第二步：拆分代码到独立
第三步：index.html文件中添加type='module'属性
<script src='./js/index.js' tupe='module' />
第四步：使用export声明你要导出的模块，有两种用法
//命名导出：强调名称必须一致，且必须使用大括号
//1.导出声明：把export关键字放在let、const、function、class前面
//2.导出变量列表
//3.导出子模块
//默认导出
第五步：使用import关键字声明你要导入的模块
//1.导出声明：把export关键字放在let、const、function、class前面
//2.导入声明：1.变量名称必须一致。 2.变量名称必须放在大括号里
导出声明
import {PI,num,arr,obj,fn,User} from './lib1.js'
console.log(PI);
console.log(num);
console.log(arr);
console.log(obj);
fn()
const user1 = new User('王小蒙')
user1.getUser()
// 使用*导入所有的变量
import * as myvar from './lib1.js'
console.log(myvar.PI);
console.log(myvar.num);
console.log(myvar.arr);
console.log(myvar.obj);
myvar.fn()
const user1 = new myvar.User('王小蒙')
user1.getUser()
安装Node.js
Node.js软件包含两个软件
- node.js
- Npm:Node Package
