js
文章平均质量分 71
CLAM-
心之所向 素履以往 生如逆旅 一苇以航
展开
-
ES6 - Promise
1.Promise是什么认识PromisePromise是异步操作的一种方式回调函数 document.addEventListener('click', () => { console.log('这是异步请求!'); }, false); console.log('这是同步请求!');什么时候使用PromisePromise一般用来解决层层嵌套的回调函数(回调地域 callback hell)的问题 * {原创 2021-04-18 21:24:55 · 162 阅读 · 0 评论 -
ES6 - ES6的新增方法
1.对象inclues()的用法基本用法判断字符串中是否含有某些字符 console.log('abc'.includes('a')); //true console.log('abc'.includes('b')); //true console.log('abc'.includes('ab')); //true console.log('abc'.includes('ac')); //false第二个参数表示开始搜索的原创 2021-04-17 22:21:38 · 753 阅读 · 0 评论 -
ES6 - 遍历器与for...of循环
1.lterator的使用lterator的作用lterator:遍历器(迭代器)for ()[1,2].forEach()new Set().forEach()lterator是用来遍历的寻找lterator console.log(lterator); // lterator is not defined console.log([1, 2][Symbol.iterator]());//Array Iterator {} const it = [1, 2][Symbol原创 2021-04-16 21:19:48 · 91 阅读 · 0 评论 -
ES6 - Set和Map数据结构
1.set是什么什么是Set集合 [1,2]数组是一系列有序的数据集合Set是一系列无序列、没有重复值的数据集合理解SetSet没有下标去标识每一个值,所以set是无序的,也不能像数组那样通过下标去访问set成员 console.log([1, 2, 1]); //(3) [1, 2, 1] console.log(new Array(1, 2, 1)); //(3) [1, 2, 1] const s = new Set(); s.add(1); //add方法每次只能添加一个原创 2021-04-15 20:44:19 · 75 阅读 · 0 评论 -
ES6 - 对象字面量的增强与函数参数的默认值
1.对象的属性和方法简介表示对象字面量是什么// 实例化构造函数生成对象const person = new Object();person.age = 17;person.speak = function() { console.log(1);}console.log(person); //{age: 17, speak: ƒ} //对象字面量 const person = { age: 18, speak: function() {原创 2021-04-13 22:29:06 · 102 阅读 · 0 评论 -
ES6 - 解构赋值
1.认识解构赋值 const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console.log(a, b, c); //解构赋值 const [a, b, c] = [1, 2, 3]; console.log(a, b, c); //1,2,32.什么是解构赋值解析某一数据的原创 2021-04-11 22:00:36 · 133 阅读 · 0 评论 -
ES6 - 模板字符串与箭头函数
1.模板字符串的使用字符串和其他东西一块使用的时候,方便注入const username1 = 'zhangsan'; const username2 = `zhangsan`; console.log(username1, username2);//zhangsan zhangsan console.log(username1 === username2);//true const person = { usern原创 2021-04-09 21:58:05 · 276 阅读 · 0 评论 -
ES6 - let和const
let 和 const1.let和const是什么? 声明变量或常量 var 声明变量 let代替var 声明常量 const声明常量constant 注意: var let 初始化以后还可以重新赋值 const 初始化后 不允许重新赋值 var username = 'xiaohong'; let age = 18; const sex = 'nan' console.log(原创 2021-04-09 21:35:48 · 55 阅读 · 0 评论 -
面向对象-包装类,Date和Math对象(七)
包装类什么是包装类Number()、String()和Boolean()分别是数字、字符串、布尔值的“包装类”很多编程语言都有“包装类”的设计,包装类的目的就是为了让基本类型值可以从它们的构造函数的prototype上获得方法举例var a = new Number(123);var b = new String('大白鹅');var c = new Boolean(true);a、b、c是基本类型值么?它们和普通的数字、字符串、布尔值有什么区别么?<!DOCTYPE html&原创 2021-04-03 21:05:26 · 75 阅读 · 0 评论 -
面向对象案例 (六)
案例面向对象到底是什么?面向对象的本质:定义不同的类,让类的实例工作面向对象的优点:程序编写更清晰、代码结构更严密、使代码更健壮更利于维护面向对象经常用到的场合:需要封装和复用性的场合(组件思维)小案例:红绿灯页面上做一个红绿灯,点击红灯就变黄,点击黄灯就变绿,点击绿灯就变回红灯使用面向对象编程,就能以“组件化”的思维解决大量红绿灯互相冲突的问题面向对象编程,最重要的就是编写类TrafficLight类红绿灯TrafficLight类的属性和方法属性:自己的当前颜色color、自原创 2021-04-03 21:04:44 · 270 阅读 · 0 评论 -
面向对象 - prototype和原型链查找、继承(五)
什么是prototype任何函数都有prototype属性,prototype是英语“原型”的意思prototype属性值是个对象,它默认拥有constructor属性指回函数普通函数来说的prototype属性没有任何用处,而构造函数的prototype属性非常有用构造函数的prototype属性是它的实例的原型在prototype上添加方法之前,我们将方法写到了对象身上function People(name, age, sex) { this.name = name; this.原创 2021-03-30 17:51:35 · 97 阅读 · 0 评论 -
面向对象-构造函数和类(四)
用new操作符调用函数一种新的函数调用方式:new 函数()JS规定,使用new操作符调用函数会进行“四步走”:1)函数体内会自动创建出一个空白对象2)函数的上下文(this)会指向这个对象3)函数体内的语句会执行4)函数会自动返回上下文对象,即使函数没有return语句四步走详解function fun() { this.a = 3; this.b = 5; } var obj = new fun(); console.log(obj);四步走详解 - 第1步func原创 2021-03-30 17:51:27 · 88 阅读 · 0 评论 -
面向对象—上下文(三)
函数的上下文函数中可以使用this关键字,它表示函数的上下文与中文中“这”类似,函数中的this具体指代什么必须通过调用函数时的“前言后语”来判断函数中的this<script>var xiaoming = { nickname : '小明',age : 12, sayHello : function () { console.log('我是' + this.nickname + ',我' + this.age + '岁了');}};xiaoming.sayHello();原创 2021-03-30 17:51:16 · 157 阅读 · 0 评论 -
面向对象—对象的深浅克隆(二)
对象的深浅克隆基本类型值和引用类型值举例当var a = b变量传值时当用==比较时基本类型值数字、字符串、布尔、undefined、null内存中产生新的副本比较值是否相等引用类型值对象、数组等内存中不产生新的副本,而是让新变量指向同一个对象比较内存地址是否相同,即比较是否为同一对象对象是引用类型值对象是引用类型值,这意味着:• 不能用var obj2 = obj1这样的语法克隆一个对象。• 使用 = = 或者 = = = 进行对象的比较时,比较的原创 2021-03-30 17:51:07 · 79 阅读 · 0 评论 -
面向对象—认识对象、对象的方法和遍历(一)
认识对象对象(object)是“键值对”的集合,表示属性和值的映射关系<script>var xiaoming = {name: '小明',age: 12,sex: '男',hobbies: ['足球','编程']};//JS中,大括号表示对象//属性名(键名,key)//属性值(value)</script>对象的语法k和v之间用冒号分隔,每组k:v之间用逗号分隔,最后一个k:v对后可以不书写逗号<script>var obj =原创 2021-03-30 17:50:57 · 207 阅读 · 0 评论