Jokerdop-优快云博客

原创关于Symbol()数据类型

Symbol(ES6新增数据类型)属于基本数据类型 Symbol值由Symbol函数生成，由Symbol生成的属性名是独一无二的，不会与其他属性名冲突 Symbol函数不能使用new命令，会报错 Symbol是原始类型的值，不是对象类型，因为不是对象类型，所以不能添加属性，类似于字符串的类型。 Symbol的目的就是当作对象的属性标识符来使用 Symbol不支持隐式转换字符串 let s = Symbol(); console.log(typeof (s));//symbol le

2021-11-18 11:52:11 753

原创 TS入门学习总结

TS：TypeScript,是JavaScript的超集，微软（Microsoft）开发的一门编程语言，TS通过编译变成JS,编译成的JS可以运行于任何浏览器。 TS增加了代码的可读性和可维护性，可以在编译时进行报错。提前发现错误，减少改BUG时间，即使编译报错也可以默认生成JS文件。全局安装TS解析工具包，用来解析TS工具，使用tsc命令来进行编译转换。 npm install -g typescript 创建后缀名为.ts的文件写入代码： console.log('TS') 通过v

2021-11-14 20:35:36 1744

原创关于HTTP的状态码！

目录 http状态码（HTTP Status Code）,表示网页服务器超文本传输协议响应状态的3位数代码。是服务器用来告诉客户端当前请求响应的状态，通过状态码判断服务器运行状态。 1xx代表请求已经被接受，需要继续处理，此响应属于临时响应，只包含状态行和某些可选的响应头信息，应且以空行结束。 2xx代表请求已成功被服务器接收、理解、并接受 3xx表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向 4xx代表了客户端看起来可能发生了错误，妨碍了服务器的处理 5xx是服务器无法完

2021-10-07 19:30:03 216

原创原生Ajax使用

//原生ajaxAsyncJavascriptAndXML //在网页不刷新的情况下可以请求数据然后实现网页局部刷新或者渲染 //http事务一个请求加上一个相关的响应就是一个完整的http事务 //如何创建一个原生的ajax //ajax核心对象XMLHttpRequest //1.创建一个XMLHttpRequest的实例为xhr letxhr=newXMLHttpRequest(); /...

2021-10-05 14:39:22 142

原创 Async和Await

async作为一个关键字放到函数前面，用于表示函数是一个异步函数异步函数说明函数的执行不会阻塞后面代码的执行，正常的函数来调用。 async function fn() { return '运行' } console.log(fn()) async 函数（）自动将常规函数转换成Promise，返回值是一个Promise对象如果要获取到promise 返回值，使用then 方法。 async function fn() { return '运行' } fn().then(res =&

2021-10-04 13:44:07 179

原创 js数组常用方法

定义： var arr = [1, 2, 43, 456, 6786, 867, 8768, 7656467, 54, 345, 54, 789, 6, 32, 15] 数组末尾增加删除： push(): 把里面的内容添加到数组末尾，并返回修改后的长度。 unshift:将参数添加到原数组开头，并返回数组的长度。 // push() var ppp = arr.push("50") console.log(ppp) //长度 console.log(arr); /...

2021-10-03 15:48:36 169

原创 Promise的使用

ES6新增异步解决方案。是什么？ 1.表示未来的某个时间一定会返回的一个结果 2.是一个容器,里面包裹了一些异步操作,它表示一个预计会在未来完成的异步操作 3.PromiseState(promise状态)： pending(进行中) fulfilled(已成功) rejected(已失败) resolve作用：将Promise对象的状态从“未完成”变为“成功”（ pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去 ...

2021-10-02 19:30:16 273

原创 js的继承

继承的原理就是原型链，继承的本质就是原型链，如果没有原型链在JS中是很难实现继承的。 ES5中的：所有的引用类型都可以自定义添加属性。所有的引用类型都有自己的隐式原型（__proto__）。函数都有自己的显式原型（prototype）。所有的引用类型的隐式原型都指向对应构造函数的显示原型 __proto__ -> prototype原型。使用引用类型的某个自定义属性时，如果没有这个属性，会去该引用类型的proto（也就是对应构造函数的prototype）中去找。继承的方式：

2021-10-01 21:08:52 98

原创箭头函数和普通函数有什么区别？

1.箭头函数是匿名函数箭头函数不能作为构造函数使用不能使用new 2.箭头函数的this,始终指向父级上下文 3.箭头函数不能通过callapplybind改变this指向,但是可以通过这些方法传递参数 4.箭头函数没有原型属性 5.箭头函数没有arguments属性,可以用...展开运算符来接收所有的参数集合一、箭头函数没有自己的this对象箭头函数的this是在定义函数时绑定的，不是在执行过程中绑定的，箭头函数内的this就是箭头函数外的那个this var a = '自行车...

2021-10-01 21:06:13 543

原创 JS的数据类型

一、JavaScript 数据类型：基本数据类型和引用数据类型（复杂类型）。基本数据类型：数字（number）、字符串（string)、布尔值（boolean）、undefined(未定义) 空值（null）、symbol（唯一值）、bigInt（大数字）引用数据类型：对象（Object）、函数（Function）、数组（Array）、RegExp（正则）,在 JavaScript 中，数组、函数都属于对象类型。正则引用数据类型正则是js的内置类，正则是处理字符串的...

2021-09-30 12:19:52 209

原创 let 、var 、const的区别！

目录一、var声明的变量会挂载在window上，而let和const声明的变量不会二、变量提升三、var没有块级作用域，let、const有块级作用域四、在同一个作用域下var可以声明同名变量，let和const不能声明同名变量五、const声明的是常量，必须在声明变量时就赋值，不能先声明变量再赋值六、const定义的对象，可以更改对象的属性，也可以向对象添加属性七、const声明的变量赋值给一个引用数据类型的值,可以修改值里面的内容的。八、let、const会有暂时..

2021-09-29 10:44:56 352