![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
高万禄
一个菜鸡
展开
-
JS异步编程 【javascript】
JS异步编程基础内容异步的前身setTimeout 与 setInterval定时回调进行中断执行let x = 3;setTimeout(() => { x = x + 3; console.log(x);}, 1000);循环中断 每隔1000ms就会执行一次回调函数setInterval(() => { x = x + 3; console.log(x);}, 1000);异步解决方案老的异步方案 利用setTimeout解决原创 2022-02-20 01:37:26 · 837 阅读 · 0 评论 -
迭代器与生成器【javascript】
迭代器let x = [1, 2, 3, 4];const [a, b, c] = x;console.log([a, b, c]); //[1,2,3]迭代器console.log(x[Symbol.iterator]); //[Function: values]数组默认有实现迭代器构造迭代器let iterator = x[Symbol.iterator]();console.log(iterator.next());console.log(iterator.next());co原创 2022-01-27 17:00:15 · 927 阅读 · 0 评论 -
WeakMap【javascript】
WeakMap 弱映射WeakMap的键只能是Objectconst x = new WeakMap();let key1 = { key: 1}x.set(key1, 2);console.log(x.get(key1)); //2console.log(x.has(key1)); //trueconsole.log(x.delete(key1)); //true//Object的引用即内容 本质上就是一种hashWeakMap不可迭代可以利用WeakMap 创建clas原创 2022-01-25 17:55:21 · 563 阅读 · 0 评论 -
Map 【javascript】
Map构造函数let x = new Map([ ['key1', 1], ['key2', 2], ['key3', 3], ['key4', 4], ['key5', 5]]);console.log(x);// Map(5) {// 'key1' => 1,// 'key2' => 2,// 'key3' => 3,// 'key4' => 4,// 'key5' => 5原创 2022-01-25 17:29:27 · 840 阅读 · 0 评论 -
Array 【javascript】
Array 【javascript】构造数组console.log(Array("1", "2")); //[ '1', '2' ]console.log(new Array(5)); //[ <5 empty items> ]console.log(Array.of(1, 2, 3)); //[1,2,3]length属性console.log([1, 2, 3].length); //3从 String\Map\Set 转为 Arraylet map = new Map(原创 2022-01-24 20:46:53 · 316 阅读 · 0 评论 -
P4 数据类型 【javascript】
数据类型分为两大类 值类型(原始类型)与引用类型(Object)typeof操作符console.log(typeof "HELLO");// 'string' console.log(typeof (4));// 'number'console.log(typeof null);// 'object'console.log(typeof (() => { }));// 'function'为什么 null 也是 object类型内,可以理解为是一个对象,它的引用指向空.当t原创 2022-01-18 19:22:39 · 324 阅读 · 0 评论 -
P3 const 关键词 【javascript】
constconst 与 let 基本相同区别const 在声明变量时、必须初始化const 一但被初始化、其变量的引用不可变const i; //error Missing initializer in const declarationconst i=1; //right与let一样 const 不能在同一作用块中重复声明const i = 1;//const i = 1;//error可变与不可变const const_obj = { i: 0};consol原创 2022-01-18 18:43:16 · 263 阅读 · 0 评论 -
P2 let 关键词 【javascript】
let关键词let 与 var的二者区别let 声明作用域为代码块 var作用域为函数作用域let 不会被声明提升let 在同一作用域中 重复声明时会报错if (1) { let i = 1; console.log(i); //1}console.log(i);//is not define如果在子作用域中重新声明 则将会使用新的内存存储变量 与块外变量无关,而var出来的变量从头到尾都是操作的同一个if (1) { let i = 1; if (1原创 2022-01-18 18:02:52 · 482 阅读 · 0 评论 -
P1 var关键词【javascript】
var 关键词var 是javascript声明 定义 变量的关键词之一var message;console.log(message); //undefinevar生命作用域if (1) { var hello = "hello"; console.log(hello); //hello}console.log(hello); //hello//为什么会这样 使用var 变量会成为包含它的函数的局部变量function sayhi() { var hi = "你原创 2022-01-18 17:30:07 · 585 阅读 · 0 评论 -
linux node.js环境配置(完整步骤)
Node环境配置进入node官网 下载二进制包https://nodejs.org/zh-cn/原创 2022-01-11 16:44:42 · 1469 阅读 · 0 评论 -
使用npm ERR network If you are behind a proxy 问题
可见是npm config的出了问题我遇见的报错我的解决方法$ npm config list $ npm config delete https-proxy $ npm config delete proxy $ npm config set registry http://registry.cnpmjs.org/ 重新进行 npm install ____原创 2021-12-30 01:59:10 · 1248 阅读 · 0 评论 -
redux基础
学习建议如若您要学习Redux或者在实际项目中使用它,但您缺乏设计模式等相关内容,我建议您去花费一小部分时间去学习它。个人理解,Redux更像是一个订阅者发布者模式的集成工具,提供简介的API。actionType.jsmodule.exports={ ADD_BUG:"bugAdded", REMOVE_BUG:"bugRemoved"};我们使用redux要实现的功能自定义state数据结构:[ { id: 1, description: ‘Bug1’, resolved原创 2021-10-20 00:28:38 · 152 阅读 · 0 评论 -
JavaScript函数式编程基础
javascript函数式编程基础函数调用 引用 做返回值/*javascript函数式编程基础*/function sayHello(){ return "hello world";}let result=sayHello();//函数调用let fn=sayHello;//函数引用console.log(fn());//hello world//函数做返回值function ee(){ return function(){ return "hello原创 2021-10-19 00:47:45 · 200 阅读 · 0 评论 -
Vue.js基础(All In One HTML Page)
Vue.js基础(All In One HTML Page)小胡子模板v-html v-textv-bind绑定class绑定style计算属性methods与computedv-on条件渲染v-showv-for遍历数组v-for遍历对象v-model表单绑定v-model:radiov-model:checkbox 单选v-model:checkbox 多选v-model:修饰符过滤器观察属性组件基础局部的组件表行组件组件数据为组件传递数据HTML-&g原创 2021-04-22 13:24:36 · 301 阅读 · 0 评论 -
JavaScript看这个就够了-面向对象篇
//面向对象编程有4个概念//封装、抽象、继承和多态//Encapsulation Abstraction Inheritance Polymorphism/*使用封装重新组合相关的变量和函数这样我们可以减少复杂性、我们可以在程序的不同部分重用这些对象或者在不同的程序中通过抽象,我们隐藏细节和复杂性只显示必要的部分这种技术降低了复杂性、也隔离了代码的更改的影响继承让我们可以消除多余的代码用多态性我们可以避免写出复杂丑陋的选择性代码*///Object /*JavaSc原创 2021-02-03 03:36:45 · 279 阅读 · 0 评论 -
JavaScript看这个就够了-入门基础篇
打印你的第一个hello world使用console.log()打印东西到控制台console.log("hello world");变量在ES6出现之前使用var来定义变量,但var定义变量作用域是全局的,对于编程语言来说这是比较不规范的。if(1){ var i=0;}console.log(i);对于C++这样的静态语言,则会报错i没有定义,在javascript中则是输出了0,而我们使用let定义变量。if(1){ let uselet=0;}//con原创 2021-01-30 20:47:07 · 332 阅读 · 3 评论