- 博客(11)
- 收藏
- 关注
原创 js 对象
文章目录一、什么是对象?二、创建对象三、数据属性四、操作对象五、对象迭代一、什么是对象?1. 对象就是一个无序集合2. 一个属性包含一个名和一个值。一个属性的值可以是原始数据类型也可以是引用数据类型,如果是函数这种情况下属性也被称为方法3. 对象的每个属性或方法都由一个名称来标识,由属性名来称映射到一个值二、创建对象1. 通过new和字面量创建对象,两种写法是等价的 // new 运算符是创建一个自定义对象 const obj = new Object() // 字面量定义对象
2021-12-12 03:22:29
619
原创 迭代器和生成器
参考高级程序设计4迭代器for循环是一种最简单的迭代,循环是迭代机制的基础,循环可以指定迭代的次数,迭代在一个有序集合上进行,如数组。数组有已知长度且可以通过索引获取,所以在循环的时候可以通过递增的方式来遍历,这种几个原因循环来执行例程并不理想。迭代之前需要知道数据结构,取值的时候只能通过[]来获取,这种方式并不适合所有的数据结构遍历顺序并不是数据结构固有的,并不适合其他具有隐式顺序的数据结构es5新增高阶函数forEach就是为了解决这个问题而诞生的,但是它不能识别何时终止迭代迭代器模式
2021-12-05 03:06:53
1061
原创 js this指向
4种调用方式this具体干了什么this是为了得到当前的执行环境,在什么执行环境中运行就指向哪里。由于函数可以在不同的运行环境执行,所以需要有一种机制,能够在函数体内部获得当前的运行环境(context)。所以,this 就出现了,它的设计目的就是在函数体内部,指代函数当前的运行环境。在es5种this有四种指向第一种、// 默认调用:指向windowvar f = function () {};var obj = { f: f };// 单独执行f()// obj 环境执行o
2021-10-18 21:06:52
70
原创 TypeScript学习笔记
第一步 全局下载typescript第二步 tsc --init 创建tsconfig.json,在文件里面将outDir注释解开第三步 vs code中,在终端里面监视tsconfig.json文件,就可以自动编译了数据类型// 原始数据类型,定义数据类型之后数据类型就不能发生改变, 除非在定义的时候生成多个var sum:number = 1243 // 数组let arr:Array<number> = [123, 123];let arr2:number[] = [66
2021-08-30 13:34:37
102
原创 js变量提升
什么是变量提升使用var声明变量,在作用域中会被放到最顶层,不论在全局作用域还是在局部作用域中,在代码执行的时候在哪里都可以拿到变量,而且不会报错,这种现象叫做提升。 var a = 1; // 解析过程 var a a = 1 //如果我在var a之前打印console.log(a) undefined const fn = function () { console.log(a) // undefined var a = 2; }; fn();
2021-08-04 18:37:29
57
原创 原始数据和引用数据在传参时有什么区别
参数传递给函数时,参数被复制到一个局部变量中(也就是arguments中)如果参数是对象的话,把引用复制到arguments中const obj = { x: 1, z: 2 };function fn (opt) { opt.x = 3} fn(obj) console.log(obj.x) //3可以看到我在函数内部改变了obj,函数外打印时obj.x是3,因为引用被复制到了arguments中,引用指向的还是堆内存obj,所以opt的属性x改变了,obj.x也跟着改
2021-07-30 11:11:49
164
原创 随机显示数组中的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-12-03 14:18:53
169
原创 如何使用setTimeout实现setInterval效果
var Timer = '', sum = 0; function fn () { fn2() } function fn2 () { Timer = setTimeout(function () { sum++ ...
2019-12-02 18:36:09
1318
原创 iview Modal对话框,点击确定阻止Modal隐藏
点击确定时对话框自动隐藏,当时的需求是点击确定时要校验对话框中的内容,在网上找了一些方法,但是满足不了我的需求mounted () { this.$refs.modal.visible = true},// 这种方法点击确定确实不吟唱了,但是点击叉号也隐藏不了啊<Modal class="modal-mask" v-model="modalShow" re...
2019-11-27 18:05:31
1411
原创 Echarts去掉markLine线
最近有个需求,要求有数据时显示markLine,没数据就隐藏,在官方文档找了一下,label:{show: false}。markLine: { data: [{ yAxis: this.baseQualityRatio}], lineStyle: { color: '#FF7F24' }, label: { position: 'middle', formatter:...
2019-08-22 12:05:10
3448
1
原创 js 实现span点击倒计时
不说废话,上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-08-21 18:40:51
632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人