OOP & 模块化, 多态, 封装
2024-09-01 17:43:55
OOP
面向对象编程 (OOP) 是用抽象方式创建基于现实世界模型的一种编程模式。它使用先前建立的范例，包括
模块化，多态和封装几种技术。
在 OOP 中，每个对象能够接收消息，处理数据和发送消息给其他对象。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript
// OOP & IIFE
let moduleTest = (function(url = ``) {
const V = `this is a constant value!`;
const debug = false;
// const url = ``;
// return obj
return {
api: `https://developer.mozilla.org/API`,
dom: () => {
//do somthing
console.log(`dom!`);
},
fetch: (url) => {
// fetch data
console.log(`url = `, url);
},
init: function() {
const TV = `test value!`;
let self = this;
// this === obj ???
if(debug){
console.log(`self = this,`, self);
// {api: "https://developer.mozilla.org/API", init: ƒ}
console.log(`this obj = ,`, this);
// {api: "https://developer.mozilla.org/API", init: ƒ}
console.log(`self.api = ,`, self.api);
// https://developer.mozilla.org/API
console.log(`this.api = ,`, this.api);
// https://developer.mozilla.org/API
console.log(`self.V = ,`, self.V);
// undefined
console.log(`self.TV = ,`, self.TV);
// undefined
console.log(`outer V = ,`, V);
// this is a constant value!
console.log(`inner TV = ,`, TV);
// test value!
}
this.dom();
// do dom
this.fetch();
// init data
}
};
})(url);
const url = `https://cdn.xgqfrms.xyz/`;
moduleTest.init(url);
HTML5 Atrribute ???
CSS Attributes ???
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/data-*
data-*
HTML5 这类的属性，被称为自定义属性，允许HTML与和它对应DOM表现形式之间的专有信息交换，这或许对script来说有用。
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/data-*
http://www.jb51.net/html5/152511.html
// Object (must be , data-obj=`{"key":"value"}`)
// data-obj='{"uid":"007","name":"hacker","age":"unkown","address":"UFO"}'
let test = document.querySelector('[data-obj*="uid"');
let data_obj = JSON.parse(test.dataset.obj);
proxy 与 defineProperty 的区别，以及优势在哪里
Proxy
- 代理的是对象，可以拦截到数组的变化
- 拦截的方法多达13种
- 返回一个拦截后的数据
Object.defineProperty
- 代理的是属性， 对数组数据的变化无能为力
- 直接修改原始数据
refs
https://wangdoc.com/javascript/oop/prototype.html
https://www.imooc.com/video/6428
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
最新文章
- Python-第三方库requests详解
- oracle 第一章总结
- Atitit RSA非对称加密原理与解决方案
- 自定义cell的步骤（每个cell的高度不一样，每个cell里面显示的内容也不一样）
- HDU 5671 Matrix
- JFreeChart 图表生成实例(饼图、柱状图、折线图、时序图)
- Python使用xslt提取网页数据
- 关于mysql binlog日志的格式说明
- AngularJS的指令(Directive) compile和link的区别及使用示例
- Mono for Android 初学遇到的问题
- html5--基础笔记
- 参考：Python 调试方法
- TCP连接建立系列 — 服务端接收SYN段
- Spring IOC知识点一网打尽！
- qqluxc
- Mybatis_3.基于注解的增删改查
- Codeforces 1045G AI robots [CDQ分治]
- Django ORM OneToOneField
- C++ 继承与派生
- 城联数据TSM技术方案起底