笼统概念：
属性访问器就是对象属性的一种工具、方法
对象属性的分类
在js中，对象的属性分为两类：
- 数据属性：拥有四大属性特性的属性都属于数据属性。
定义的属性默认都有四大特点
- [[configurable]]：可配置
- [[enumerable]]：可枚举
- [[writable]]：可修改
- [[value]]：值 - 访问属性：拥有下面四大特性的属性就是访问器属性。
- [[configurable]]：可配置
- [[enumerable]]：可枚举
- [[get]]：可修改
- [[set]]：值
访问器属性
定义的解释：
- 访问器属性是一种特殊的属性。
- 它是属性，不是方法！！！
- 访问器属性：属性还是那个属性
//get是定义访问器属性的一个关键字
get fakeAge // fakeAge是你自定义的属性名，属性还是那个属性名
- 访问器属性：访问器是一个函数，通过这个函数你可以访问对象的其他属性。
//访问器是一个函数
(){
let num = this.age + 10
return num
}
- 访问器属性就是把一个函数绑定到一个属性名上，访问该属性会自动调用绑定的函数。
属性访问器的语法
属性访问器分为两种：
- get：是一个关键字，用于为属性绑定函数，在函数体内读取对象的其它属性。这种属性访问器被称为"Getter"
- set：是一个关键字，用于为属性绑定函数。在函数体内设置对象的其它属性。这种属性访问器被称为"Setter"
语法
{get 属性名(){} //禁止传参}
{set 属性名(value){} //}
getter和setter在class中的应⽤
// 创建一个rect的类
class Rect{
constructor(w,h){
this.width = w;
this.height = h;
}
get area(){
return this.width * this.height
}
}
// 类是用来创建实例对象
const r = new Rect(50,60)
console.log(r.area);
总结
1.getter和setter是什么？（属性访问器）器=>函数
2.getter和setter是一种定义对象属性的特殊方法。特殊在与它为属性绑定了一个函数，在访问该属性时，会自动调用函数。
3.定义L函数访问器就是把一个函数绑定
4.语法
- 访问属性访问属性不加⼩括号
- 定义get不要传参，要传return
- 定义set要传一个参，不要传return
- 在getter中，读取对象的其他属性，然后进⾏操作
- 在setter中，修改对象的其他属性。
Modules
- HTML：没有"模块"概念
- CSS：通过@import导入模块
- JS：ES6通过 export 和 import 两个关键词实现模块化。
- export：本意出口 => 导出
- import：本意进口 => 导入
- Port：港口
模块的概念
- JS modules 模块允许将代码分解成单独的文件保存，这些单独的文件就是模块。
- 模块的特点：复用性
- 模块的类型：只有 function 和 variable 、Class 才可以成为模块。
如何创建模块
第一步：使用两个声明关键字
- export： 导出
- import： 导入
第二步：拆分代码到独立文件中 - app
- index.html
- js
① index.js
② lib1.js（库：library）
③ lib2.js - 第三步：index.html文件中添加type = 'module'属性
<script src="./js/main.js" type="module"> </script>
- 第四部：使用export声明你要导出的模块，有两种用法
//命名导出：强调名称必须一致，且必须使用大括号
///////////一.导出声明：把export关键词放在let、const、function、Class 前面
//1. 导⼊声明：①变量名称必须⼀致 ②变量名称必须放在⼤括号⾥
//2.导出变量列表
//3.导出子模块
//默认导出
- 第五步：使用inport关键字声明你要导入的模块
导出声明：把export关键字放在let、const、function、Class前面
导出声明
export const PI = 3.1415926
export let num = 123
export const arr = ['a','b','c']
export const obj = {x:1,y:2,z:3}
export const fn = function(){ console.log('hello world') }
export class User{
constructor(name,age){
this.username = name
this.age = age
}
getUser(){
console.log(this.username + ' ' + this.age);
}
}
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('王⼩蒙',19)
user1.getUser()
// import {PI,num,arr,obj,fn,User} from './lib1.js'
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('王⼤蒙',19)
user1.getUser()
导出变量列表
const PI = 3.1415926
let num = 123
const arr = ['a','b','c']
const obj = {x:1,y:2,z:3}
const fn = function(){ console.log('hello world') }
class User{
constructor(name,age){
this.username = name
this.age = age
}
getUser(){
console.log(this.username + ' ' + this.age);
}
}
export {PI,num,arr,obj,fn,User}
