メSerendipity - 博客园

TypeScript接口与类的使用

摘要：一.TypeScript接口 Interfaces 可以约定一个对象的结构一个对象去实现一个接口就必须拥有这个接口中所有的成员用interface定义接口，并且定义接口中成员的类型编译之后会发现typeScript中的接口只是对成员做类型约束的定义string类型的key值和value值接阅读全文

posted @ 2021-01-15 16:52 メSerendipity 阅读(200) 评论(0) 推荐(0)

浅谈TypeScript，配置文件以及数据类型

摘要： TypeScript在javaScript基础上多了一些拓展特性，多出来的是一些类型系统以及对ES6新特性的支持最终会编译成原始的javaScript，文件名以.ts结尾,编译过后.js结尾，在angular和vue源码以及开发过程中的业务代码中也可能会用到。一.安装TypeScript npm 阅读全文

posted @ 2021-01-14 15:16 メSerendipity 阅读(154) 评论(0) 推荐(0)

JavaScript静态类型检查器FLow的使用,移除及类型

摘要：使用Flow可以弥补JavaScript弱类型问题所带来的弊端，为JavaScript提供了更完善的系统，目前Vue及React项目中都在用，是一个非常成熟的技术方案，工作原理是给有需要的地方添加一些类型注解（并不要求所有的都加），来标记参数和变量是什么类型，避免到了运行阶段才发现类型使用上的错阅读全文

posted @ 2021-01-11 20:57 メSerendipity 阅读(265) 评论(0) 推荐(0)

浅谈编程语言类型的强类型，弱类型，动态类型，静态类型

摘要：在介绍javascript类型系统之前，我们来解释两组区分不同编程语言时，提及的名词分别为强类型和弱类型,静态类型和动态类型，分别从类型安全和类型检查区分了强弱类型和静动类型一.通过类型安全区分分为强类型和弱类型强类型：语言层面限制了实参类型和形参类型必须相同，如果传入其他类型的值会报错，只阅读全文

posted @ 2021-01-10 14:09 メSerendipity 阅读(535) 评论(0) 推荐(0)

ES6生成器及应用

摘要： ES6生成器的作用复杂的代码中避免异步编程中回调嵌套过深，提供更好的异步编程解决方案一般结果应该先打印zce 然后打印100,但是打印结果为空对象，说明结果还未执行，当打印next方法，才开始执行函数，返回值与迭代器的返回值结构相同也是一个value,一个done。但是只是这么使用的话看不阅读全文

posted @ 2021-01-07 22:32 メSerendipity 阅读(176) 评论(0) 推荐(0)

ES6 for of循环，可迭代接口，实现可迭代接口，ES6迭代器模式

摘要：在for of循环出现之前，for循环适合遍历普通的数组，for in循环比较适合遍历键值对，遍历数组对象的foreach方法，但是这些遍历都有一定的局限性，所以在ES6之后引入了统一的遍历方式 for of循环举例下图所示：但是此时如果遍历对象的话会报错 obj is iterable 对阅读全文

posted @ 2021-01-07 18:20 メSerendipity 阅读(260) 评论(0) 推荐(0)

ES6 Set.Map.Symbol数据结构

摘要：一.ES6 Set数据结构 ES6新推出了Set数据结构，它与数组很类似,Set内部的成员不允许重复，每一个值在Set中都是唯一的，如果有重复的值出现会自动去重（也可以理解为忽略掉），返回的是集合对象本身，所以可以链式调用，具体用法如下：上述代码中Set以add的形式链式调用，当遇到重复的add（阅读全文

posted @ 2021-01-06 22:20 メSerendipity 阅读(79) 评论(0) 推荐(0)

ES6 class类静态方法及类的继承

摘要：一.class类 ES6之前都是定义函数以及函数的原型对象实现类型，如果想要实现共享构造函数成员，可以用prototype来共享实现 ES6出现之后，使用class类的概念来实现原型的继承二，静态方法方法一般分为实例方法和静态方法两种：实例方法：用实例对象去调用，静态方法：直接通过类型本身去阅读全文

posted @ 2021-01-06 17:13 メSerendipity 阅读(293) 评论(0) 推荐(0)

ES6 浅谈Reflect

摘要： Reflect 属于一个静态类，不能通过new的方法去创建实例，只能调用静态类中的一些静态方法，Reflect内部封装了一系列对对象的底层操作， Reflect 成员方法就是Proxy处理对象的默认实现。具体提供了13个静态方法，以下只列举其中的其中的一个方法。上述代码中，没有定义get这个方法，阅读全文

posted @ 2021-01-06 11:58 メSerendipity 阅读(111) 评论(0) 推荐(0)

ES6 proxy代理详解及用法

摘要： proxy官方的详细解释为代理器，个人理解为相当于一个拦截器，外部的所有访问必须先通过这层拦截，监视到对象的读写过程，因此提供了这种机制对外部的访问进行过滤和修改。上述例子为proxy new一个实例化对象第一个参数目标代理对象 person，第二个参数为处理对象。 get方法用于拦截某个属阅读全文

posted @ 2021-01-05 22:58 メSerendipity 阅读(646) 评论(1) 推荐(1)