冲啊！ - 博客园

245 改变函数内部 this 指向：call，apply，bind，call、apply、bind 三者的异同

摘要： 2.2.1 call方法 call()方法调用一个对象，简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景: 经常做继承。以上代码运行结果为: 2.2.2 apply方法 apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。应用阅读全文

posted @ 2020-01-23 09:13 冲啊！阅读(162) 评论(0) 推荐(0)

244 函数内部的this指向：6种

摘要：这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。一般指向我们的调用者。阅读全文

posted @ 2020-01-22 18:54 冲啊！阅读(155) 评论(0) 推荐(0)

243 函数：函数的3种定义方式，函数的6种调用方式

摘要： 1.函数的定义和调用 1.1 函数的定义方式 1. 方式1 函数声明方式 function 关键字 (命名函数) 2. 方式2 函数表达式(匿名函数) 3. 方式3 new Function() 1.2 函数的调用阅读全文

posted @ 2020-01-22 18:28 冲啊！阅读(549) 评论(0) 推荐(0)

242 Object.defineProperty

摘要： Object.defineProperty：设置或修改对象中的属性。 Object.defineProperty(obj, prop, descriptor)。 obj：必需，目标对象 prop：必需，需定义或修改的属性的名字 descriptor：必需，目标属性所拥有的特性 Object.defi 阅读全文

posted @ 2020-01-22 17:59 冲啊！阅读(106) 评论(0) 推荐(0)

241 获取对象的属性名：Object.keys(对象)

摘要： Object.keys(对象) ：获取到当前对象中的属性名，返回值是有元素为字符串的一个数组，效果类似 for…in。阅读全文

posted @ 2020-01-22 11:14 冲啊！阅读(326) 评论(0) 推荐(0)

240 trim方法去除字符串两端的空格

摘要： var str = ' hello ' console.log(str.trim()） //hello 去除两端空格 var str1 = ' he l l o ' console.log(str.trim()） //he l l o 去除两端空格 <!DOCTYPE html> <html lan 阅读全文

posted @ 2020-01-22 10:17 冲啊！阅读(164) 评论(0) 推荐(0)

239 筛选商品案例：使用forEach()、filter()、some()

摘要： 1. 定义数组对象数据 2. 使用forEach遍历数据并渲染到页面中 3. 根据价格筛选数据 1. 获取到搜索按钮并为其绑定点击事件 2. 使用filter将用户输入的价格信息筛选出来 2. 将筛选之后的数据重新渲染阅读全文

posted @ 2020-01-22 09:50 冲啊！阅读(177) 评论(0) 推荐(0)

238 ES5新增方法：forEach()、map()、filter()、some()、every()，some、forEach、filter区别，from，of，find，findIndex

摘要： 3.1 数组方法forEach遍历数组 3.2 数组方法filter过滤数组 filter删除数组元素【最完美】 3.3 数组方法some 3.4 some、forEach、filter区别如果查询数组中唯一的元素，用some方法更合适，在some 里面遇到 return true 就是终止遍历阅读全文

posted @ 2020-01-21 21:49 冲啊！阅读(195) 评论(0) 推荐(0)

237 借用原型对象，继承【父类】方法【寄生组合继承】

摘要：先定义一个父构造函数再定义一个子构造函数子构造函数继承父构造函数的属性(使用call方法) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文

posted @ 2020-01-21 20:14 冲啊！阅读(285) 评论(0) 推荐(0)

236 子构造函数继承父构造函数中的属性

摘要： 1. 先定义一个父构造函数 2. 再定义一个子构造函数 3. 子构造函数继承父构造函数的属性(使用call方法) 阅读全文

posted @ 2020-01-21 18:11 冲啊！阅读(172) 评论(0) 推荐(0)

235 继承之 call()

摘要： ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数 + 原型对象模拟实现继承，被称为组合继承。【构造函数：集成属性，原型对象：集成方法。】 call()：可以调用函数 call()：可以修改this的指向，使用call()的时候，参数一是修改后的this指向, 参数2, 参阅读全文

posted @ 2020-01-21 14:04 冲啊！阅读(123) 评论(0) 推荐(0)

234 原型对象中this指向；通过原型，为数组扩展内置方法

摘要： 1.10 原型对象中this指向构造函数中的this和原型对象的this, 都指向我们new出来的实例对象。 1.11 通过原型，为数组扩展内置方法可以通过原型对象，对原来的内置对象进行扩展自定义的方法。比如给数组增加自定义求偶数和的功能。注意：数组和字符串内置对象不能给原型对象覆盖操作 Ar 阅读全文

posted @ 2020-01-21 13:31 冲啊！阅读(230) 评论(0) 推荐(0)

233 原型链【proto】，原型链和成员的查找机制

摘要： 1.8 原型链【通过所有对象的__proto__属性，形成原型链。】每一个实例对象又有一个__proto__属性，指向的构造函数的原型对象，构造函数的原型对象也是一个对象，也有__proto__属性，这样一层一层往上找就形成了原型链。 1.9 原型链和成员的查找机制任何对象都有原型对象, 阅读全文

posted @ 2020-01-21 11:33 冲啊！阅读(323) 评论(0) 推荐(0)

232 constructor构造函数，构造函数、实例、原型对象的三角关系

摘要： 1.6 constructor构造函数 html 对象原型（ __proto__）和构造函数原型对象（prototype）里面都有一个属性 constructor 属性，constructor 我们称为构造函数，因为。。一般情况下，对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法阅读全文

posted @ 2020-01-21 10:15 冲啊！阅读(257) 评论(0) 推荐(0)

摘要： ### ```html 1、【实例】对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象。 2、之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。 3、__proto__对象原型和原型对象 prototype 是等价的。 4、__proto__对象原型的意义，就在于为对象的查找机制提供一个方向，阅读全文

posted @ 2020-01-20 21:17 冲啊！阅读(154) 评论(0) 推荐(0)

230 构造函数原型prototype

摘要：构造函数通过原型分配的函数是所有【实例】对象所共享的。 JavaScript 规定，每一个构造函数都有一个prototype 属性，指向另一个对象。注意，这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。我们可以把那些不变的方法，直接定义在 prototype 阅读全文

posted @ 2020-01-20 21:16 冲啊！阅读(138) 评论(0) 推荐(0)

229 ES5构造函数的问题

摘要：构造函数方法很好用，但是存在浪费内存的问题。 js function Star(uname, age) { this.uname = uname; this.age = age; this.sing = function(song) { console.log( ); } } var s1 = ne 阅读全文

posted @ 2020-01-20 20:40 冲啊！阅读(157) 评论(0) 推荐(0)

228 静态成员和实例成员

摘要： 1.2.1 实例成员实例成员就是构造函数内部通过this添加的成员如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问 1.2.2 静态成员静态成员在构造函数本身上添加的成员如下列代码中 sex 就是静态成员,静态成员只能通过构造函数来访问阅读全文

posted @ 2020-01-20 19:15 冲啊！阅读(142) 评论(0) 推荐(0)

227 面向对象版tab 栏切换

摘要： 3.1 功能需求 1. 点击 tab栏,可以切换效果. 2. 点击 + 号, 可以添加 tab 项和内容项. 3. 点击 x 号, 可以删除当前的tab项和内容项. 4. 双击tab项文字或者内容项文字可以修改里面的文字内容 3.2 案例准备 1. 获取到标题元素 2. 获取到内容元素 3. 获取到阅读全文

posted @ 2020-01-20 11:21 冲啊！阅读(267) 评论(0) 推荐(0)

226 对象与类之类： class 创建类，constructor构造函数，类创建添加属性和方法，类的继承extends，super访问父类的方法，this 指向

摘要：类在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象面向对象的思维特点: 1. 抽取（抽象）对象共用的属性和行为组织(封装)成一个类(模板) 2. 对阅读全文

posted @ 2020-01-20 11:15 冲啊！阅读(389) 评论(0) 推荐(0)