文章分类 -  前端 / 行为-JavaScript

上一页 1 2 3 4 5 6 7 8 ··· 14 下一页

TypeScript:String 属性和方法
摘要:String 对象用于处理文本(字符串)。 语法 var txt = new String("string"); 或者更简单方式: var txt = "string"; String 对象属性 1. constructor 对创建该对象的函数的引用。 var str = new String( " 阅读全文

posted @ 2024-03-27 17:52 梁飞宇 阅读(34) 评论(0) 推荐(0)

TypeScript:Number 属性和方法
摘要:TypeScript 与 JavaScript 类似,支持 Number 对象。 Number 对象是原始数值的包装对象。 语法 var num = new Number(value); ❗️注意: 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。 Number 对象属性 Number 阅读全文

posted @ 2024-03-27 16:49 梁飞宇 阅读(128) 评论(0) 推荐(0)

TypeScript:ts函数,可选参数,默认参数,剩余参数
摘要:创建函数 在 TypeScript 中,可以通过两种方式创建函数。 函数声明 这些是以传统 JavaScript 风格编写的命名函数。 function showMyName(name:string):string { return `Hi ${name}` } console.log(showMy 阅读全文

posted @ 2024-03-27 16:20 梁飞宇 阅读(497) 评论(0) 推荐(0)

TypeScript:遍历数组Array 的方法 for..of, for..in, for, forEach, every, some
摘要:一、for..of 方法 这是最常用的方法,遍历的值是数组中的value值 let someArray = [1, "string", false]; for (let entry of someArray) { console.log(entry); // 1, "string", false } 阅读全文

posted @ 2024-03-27 15:04 梁飞宇 阅读(1109) 评论(0) 推荐(0)

TypeScript:TS常用特性总结
摘要:1、常用类型 1. 交叉类型 交叉类型就是通过 & 符号,将多个类型合并为一个类型。(一般来说在做交叉运算的时候,不会用到简单类型上,只会用到对象上面) interface T1 { name: string; } interface T2 { age: number; } type T3 = T2 阅读全文

posted @ 2024-03-25 13:58 梁飞宇 阅读(1056) 评论(0) 推荐(0)

TypeScript:解构和展开
摘要:一、解构 解构数组 1、解构赋值 let input = [1, 2]; let [first, second] = input; //相当于使用了索引 let first = input[0]; let second = input[1]; 2、作用于函数参数 function f([first, 阅读全文

posted @ 2024-03-25 11:38 梁飞宇 阅读(196) 评论(0) 推荐(0)

TypeScript:any、unknown、void、undefined 和 never
摘要:any 和 unknown any 类型 any 就是任意类型。写代码时如果不确定属于什么类型,就可以将其定义为 any 类型。 any 类型属于动态类型,它支持和兼容所有的类型。 let anyValue:any; anyValue = 10; anyValue = 'kw'; anyValue 阅读全文

posted @ 2024-03-25 11:11 梁飞宇 阅读(240) 评论(0) 推荐(0)

TypeScript:数组与元组的区别
摘要:基本认知 什么是元组? 从 TypeScript 中来看,元组是一个长度固定的、子元素类型不需相同的数组。 可以简单粗暴的理解为,元组是一种特殊的数组。 数组与元组 在 TypeScript 中,定义数组时,无需指定数组的长度,但是,每个数组只能指定一种子元素类型,然后所有的子元素都必须是指定的类型 阅读全文

posted @ 2024-03-25 10:45 梁飞宇 阅读(182) 评论(0) 推荐(0)

TypeScript:TS文件转JS文件
摘要:一、ts安装 安装ts npm install -g typescript 检测版本 tsc -v 二、ts 手动编译成 js 1. 新建 ts 文件夹,使用 vscode 打开,新建 index.ts,代码如下 (() => { const username: string = "小明"; con 阅读全文

posted @ 2024-03-24 23:02 梁飞宇 阅读(4625) 评论(1) 推荐(0)

JS学习之Object.freeze和Object.seal的区别
摘要:Object.freeze() 官方MDN对Object.freeze()的说明,如下: Object.freeze()方法可以冻结一个对象。 一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修 阅读全文

posted @ 2024-02-01 13:49 梁飞宇 阅读(458) 评论(0) 推荐(0)

TypeScript:TypeScript 的 type 以及 type 与 interface 和 class 的区别
摘要:TypeScript 是一种强类型的 JavaScript 超集,它为 JavaScript 提供了静态类型系统。在 TypeScript 中,我们可以使用 type、interface 和 class 为数据定义类型。 type type 是 TypeScript 中用于定义类型别名、联合类型、交 阅读全文

posted @ 2024-02-01 10:20 梁飞宇 阅读(186) 评论(0) 推荐(0)

JS学习之拓展运算符和剩余运算符
摘要:JavaScript 使用三个点(...)来表示 rest(剩余运算符)和 spread(扩展运算符),但是这两个运算符是不一样的。 两者的区别 JavaScript扩展运算符和剩余运算符都是在ES6中引入的新特性,它们的主要作用是使操作符号更加灵活,让开发人员可以更方便地处理数组和对象。 扩展运算 阅读全文

posted @ 2024-01-30 10:18 梁飞宇 阅读(440) 评论(0) 推荐(0)

JS学习之async/await详解
摘要:一、概述: async的作用是定义这个函数是异步: async 放在函数前的一个关键字,再函数内 return 1、return "1"、return new Promise(),外部打印这个函数都是获取到的是一个promise对象,通过函数.then获取到return的值。 个人理解:使用asyn 阅读全文

posted @ 2024-01-29 23:59 梁飞宇 阅读(1643) 评论(0) 推荐(0)

JS学习之JavaScript模块化规范进化论
摘要:前言 JavaScript 语言诞生至今,模块规范化之路曲曲折折。社区先后出现了各种解决方案,包括 AMD、CMD、CommonJS 等,而后 ECMA 组织在 JavaScript 语言标准层面,增加了模块功能(因为该功能是在 ES2015 版本引入的,所以在下文中将之称为 ES6 module) 阅读全文

posted @ 2024-01-29 22:11 梁飞宇 阅读(75) 评论(0) 推荐(0)

JS学习之Promise 对象
摘要:一、什么是Promise?我们用Promise来解决什么问题? 介绍 从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。你也可以理解为是“委托”对象,是一个专一处理异步处理类。 打个比方: 想象一下,你准备面试某个公司的前端工程师。 你走进面试会场,当面试马上要开始时你发现简历忘带了,这时你怎么 阅读全文

posted @ 2024-01-29 21:42 梁飞宇 阅读(116) 评论(0) 推荐(0)

JS学习之伪数组和数组的区别
摘要:伪数组 伪数组是一个对象(Object),而真实的数组是一个数组(Array) 拥有length属性,且必须是number类型,其它属性(索引)为字符串 不具有数组所具有的方法,forEach()等,不过有Object的方法 伪数组长度不可变,真数组长度可以变 可以通过for in遍历 var fa 阅读全文

posted @ 2024-01-29 13:28 梁飞宇 阅读(15) 评论(0) 推荐(0)

JS学习之Array.from() 五个超好用的用途
摘要:任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。 在本文中,我将描述5个 阅读全文

posted @ 2024-01-29 13:13 梁飞宇 阅读(2520) 评论(0) 推荐(0)

JS学习之扩展运算符的作用及使用场景
摘要:扩展操作符 … 是ES6中引入的,将可迭代对象展开到其单独的元素中,所谓的可迭代对象就是任何能用for of循环进行遍历的对象,例如:数组(数组常用方法)、字符串、Map (悟透Map)、Set (Set 如何使用?)、DOM节点等。 1. 拷贝数组对象 使用扩展符拷贝数组是ES6中常用的操作: c 阅读全文

posted @ 2024-01-29 12:29 梁飞宇 阅读(33) 评论(0) 推荐(0)

JS学习之了解Set
摘要:在许多情况下,需要比较多个列表,获取它们有或没有交集、差集等等,在 Javascript 有一个数据类型可以很好的实现这些需求,那就是 Set 。 Set对象就像一个数组,但是仅包含唯一项。Set对象是值的集合,可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次,即 Set 中的元素是唯一 阅读全文

posted @ 2024-01-29 11:47 梁飞宇 阅读(14) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 ··· 14 下一页