JavaScript
文章平均质量分 88
JavaScript
Dark Horse
路漫漫其修远兮
展开
-
【Javascript】浅析JS中闭包的来龙去脉
18.1.1.如何产生闭包(条件)? 1.函数嵌套 2.内部函数引用外部函数的局部变量 3.使用(调用)外部函数 18.1.2.闭包到底是什么? 1.理解一: 闭包是嵌套的内部函数(绝大部分人) 2.理解二: 包含被引用变量(外部函数)的对象(极少数人) 3.理解三: 所谓的闭包是一个引用关系,该引用关系存在于内部函数中,引用的是外部函数的变量的对象(深入理解) 18.1.3.常见的闭包 1.将函数作为另一个函数的返回值 2.将函数作为实参传递给另一个函数调用 3.使用闭包实现私有方法操作独立的私有属性 1原创 2020-12-22 02:13:21 · 192 阅读 · 0 评论 -
【JavaScript】玩转JS中的数据类型/类型检测/类型转换
标题原创 2020-12-05 23:24:00 · 207 阅读 · 0 评论 -
【Javascript】从JS执行上下文到作用域到作用域链
四、执行上下文 1、什么是执行上下文? 程序执行和代码执行是两回事。 程序先执行,准备代码的执行环境,然后再代码执行。 代码执行的环境称作执行上下文。 包含: (1)收集变量,生成变量对象 (2)确定this指向 (3)确定自己的作用域链。 2、分类 (1)全局执行上下文:window的执行环境 (2)函数执行上下文:函数的执行环境 3、执行上下文栈 执行环境准备完成之后,压入栈内,开始执行代码。 程序为了管理执行上下文(确保程序的执行顺序)所创建的一个栈数据结构,被称作执行上下文栈。 4、 重点 - 执行原创 2020-11-29 01:44:43 · 159 阅读 · 0 评论 -
【Javascript】你真的懂JS中的Promise吗
一、理解 (1)用同步的方式写异步的代码,可用来解决回调问题 (2)ES6新技术 JS中异步编程 解决方案 (3)语法上:Promise是一个构造函数,用来生成Promise的实例对象 (4)功能上:Promise对象用来包裹一个异步操作,并获取成功、失败结果值。 二、基本流程 三、基本步骤 // 读取 resource/1.html 文件的内容 //创建Promise对象 // 是一个构造函数 用来生成promise的实例对象 // 包裹一个异步操作,并获取,成功或失败的结果值原创 2020-11-28 00:55:46 · 299 阅读 · 0 评论 -
【JavaScript】浅谈ES8中的async/await
一、promise并不是完美解决方案 new Promise((resolve, reject) => { setTimeout(() => resolve(111), 1000); }).then(data => { console.log(data); new Promise((resolve, reject) => { setTimeout(() => resolve(222), 2000) }).then(data =&原创 2020-11-26 17:32:12 · 207 阅读 · 0 评论 -
【JavaScript】浅谈前端模块化与组件化
一、模块 模块化主要是指JS模块化,一个JS文件就是一个模块,向外提供特定功能的程序。 模块内部的数据是私有的,向外暴露一些接口与外部其他模块进行通信。 二、模块化 当整个应用JS以模块来编写,这个应用就是一个模块化应用。 三、组件 实现特定功能的代码块,资源集合,可以包含HTML、CSS、JS 作用:代码的复用 / 简化编码,提高效率 四、组件化 当整个应用的代码已组件的形式来编写,这个应用就是一个组件化应用。 ...原创 2020-11-26 01:56:35 · 1501 阅读 · 0 评论 -
【JavaScript】轻松掌握JS中的深拷贝与浅拷贝
拷贝 浅拷贝:拷贝的数据不影响原数据 深拷贝:拷贝的数据影响原数据,开辟新的存储空间,对应不同的地址。 深拷贝 拷贝数组 1、concat方法 var arr =[1,2,3,{name:'小明',age:20}]; var newArr=arr.concat(); arr[3].name="小红"; console.log(arr); //{name:"小红",age:20} console.log(newArr); //{name:"小红",age:20} 2、slice方法 var a原创 2020-11-08 21:36:04 · 107 阅读 · 1 评论 -
【JavaScript】类与继承总结
创建对象的方式 1、工厂模式创建对象 定义函数来解决重复代码的问题。 专门用函数创建对象的方法,称为工厂方法。 function car(brand,guojia,chexing){ return{ brand:brand,//属性名和属性值一样,可简写 guojia, chexing, ins(){ console.log("我的车型是"+this.chexing) } } } var car1=car('宝马','德国','小轿车');原创 2020-10-06 17:08:38 · 223 阅读 · 0 评论 -
【JavaScript】一文搞懂JS中this指向
文章关键要点 1、this是函数内部的隐含参数,指代当前运行环境。 2、this指向的是一个对象,一般指向调用者。 3、this的八种指向 一、this初衷 在函数执行时,每次JS都会在函数内部传入一个隐含的参数 this,指代当前的运行环境。 this的指向是一个对象,根据函数调用方式的不同,this的值也不同,一般指向调用者。 二、JS中的八种指向 1、全局作用域内,this指向window //1、 console.log(this === window); //原创 2020-09-06 18:52:31 · 369 阅读 · 0 评论 -
【JavaScript】深入理解JS中的原型与原型链
产生 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示; 增加了原创 2020-08-13 20:30:28 · 312 阅读 · 0 评论