JS
流氓大哭
流氓攀枝变暖男计划---启动。(鼓掌)
展开
-
JavaScript与设计模式———适配器模式(含ts代码)
意义介绍旧接口格式和使用者不兼容中间加个适配转换接口类UML类图TypeScriptclass Adaptee { specificRequest(): string { return '香港插座'; }}// 适配器类,适配 Adapteeclass TargetAdaptee { public adaptee; constructor() { this.adaptee = new Adaptee(); }原创 2020-11-29 16:47:31 · 269 阅读 · 2 评论 -
JavaScript与设计模式———单例模式(含ts代码)
意义介绍系统中被唯一使用一个类只有一个实例数据同步类和UML类图TypeScriptclass SingleObject { // 私有化构造函数能防止被意外 new private constructor () {}; // 标识这个实例 private static instance: SingleObject; // 创建实例的唯一方式在类内部 public static getInstance(): SingleObject {原创 2020-11-29 16:08:59 · 275 阅读 · 0 评论 -
JavaScript与设计模式———工厂模式(含ts代码)
意义将创建产品实例的代码用工厂实例封装起来,后续若需要创建产品实例只需要调用工厂实例的方法。将创建操作封装起来,能够对后续的操作友好。类和UML类图TypeScript// 产品class Product { constructor(public name: string) { this.name = name; } init() { console.log('init'); } func1() { c原创 2020-11-29 15:14:24 · 265 阅读 · 0 评论 -
JavaScript与设计模式———面向对象的设计模式(含ts代码)
意义代码结构化类和类图TypeScriptclass People { constructor(protected name: string) { this.name = name; } eat(): void { console.log(`${this.name}吃饭了`); }}继承子类 能够使用 父类的 可访问变量 和 方法。关键字 extents super// 父类class People {原创 2020-11-27 15:25:33 · 192 阅读 · 0 评论 -
构造函数、原型和原型链(极其重点)
构造函数、原型和原型链(极其重点)对象的属性和方法被称为成员首字母要大写function Star(name, age) { // 实例成员 this.name = name this.age = age this.sing = () => { console.log("sing"); }}let ldh = new Star('ldh', 18)ldh.sing() // 访问实例成员的方法Star.sex = 'man'原创 2020-11-15 23:36:29 · 120 阅读 · 0 评论 -
JavaScript内置方法-Date对象
Date对象》介绍是一个构造函数,使用时需要new,实例化主要看常用方法console.log(new Date()); //返回电脑当前的时间console.log(new Date(2009, 7, 6)); //2009-08-05T16:00:00.000Zconsole.log(new Date("2009, 7, 6")); //2009-07-05T16:00:00.000Zconsole.log(new Date("2009/7/6")); //2009原创 2020-11-12 21:10:08 · 175 阅读 · 0 评论 -
JavaScript内置方法-Array对象
Array对象属性描述返回值constructor返回创建数组对象的原型函数。[Function: Array]length设置或返回数组元素的个数。prototype允许你向数组对象添加属性或方法。undefined方法描述是否有详解 concat()看详解1 copyWithin()看详解1entries()返回数组的可迭代对象。every()检测数值元素的每个元素是否都符合条件。1fil原创 2020-11-12 12:38:37 · 121 阅读 · 0 评论 -
JavaScript内置方法-Math对象
Math对象》介绍不是构造函数,不需要new使用, 而是直接使用里面的属性和方法即可》知识点若是传入的参数非数值型,那么将返回 NaN若是不传入参数,那么将返回 -Infinity 或者 NaN,与方法有关属性描述E返回算术常量 e,即自然对数的底数(约等于2.718)。LN2返回 2 的自然对数(约等于0.693)。LN10返回 10 的自然对数(约等于2.302)。LOG2E返回以 2 为底的 e 的对数(约等于 1.442695040888原创 2020-11-12 12:33:20 · 115 阅读 · 0 评论 -
JavaScript中的变量和函数提升,以及函数表达式与函数声明式的区别
预解析JS引擎运行js分为两步:预解析 和 代码执行》知识点引擎会将所有 变量的声明 和 函数 提升到当前作用域最前面变量提升受到作用域的限制,不能超出所在作用域变量提升引擎会将所有变量的声明提升到当前作用域最前面》注意不会同时执行赋值 所以此时都是undefined// 1console.log(a) // undefinedvar a = 10// 2var a;console.log(a) // undefineda = 0//以上 代码1 的拆解为 代码2 .原创 2020-11-09 22:59:50 · 190 阅读 · 0 评论 -
ES6中函数的形式参数的扩展
ES6中函数的形式参数的扩展适合观看群体:想要快速了解ES6中对函数的扩展的人,如:要面试的前端求职者默认值》扩展ES6 允许为函数的形式参数设置默认值》好处简洁,阅读代码者能够立即意识到哪些参数是可以省略的// 例一function name(x, y = 5) { console.log(x, y)}name(2) // 2 5name(3, 8) // 3 8 name(2, "") // 2 name(2, undefined) // 2 5/原创 2020-11-09 20:44:16 · 323 阅读 · 0 评论