// es5 实现继承 // 手机 function Phone(brand,price){ this.brand = brand; this.price = price; } // 添加方法 Phone.prototype.call = function(){ console.log('可以打电话
原创
2021-07-28 15:25:33
146阅读
ES 5的继承方式： //定义父级函数 function Teacher(){ this.name = 'yanglong'; } //定义父级函数的原型 Teacher.prototype.getName = function (){ return this.name; } //定义子代函数 func...
原创
2021-07-16 09:54:22
266阅读
第0章 先谈ES5继承继承：多个子类对象可以共用父类对象的成员属性和成员方法（代码重用–重复使用）；0.1 原型链继承核心原理：B.prototype = new A();能够继承A构造函数以及原型链上的所有成员。 //定义父类构造函数 function A(){ this.age = 10; } A.prototype.say = function(){ consol...
原创
2021-08-17 17:37:09
174阅读
第0章 先谈ES5继承继承：多个子类对象可以共用父类对象的成员属性和成员方法（代码重用–重复使用）；0.1 原型链继承核心原理：B.prototype = new A();能够继承A构造函数以及原型链上的所有成员。 //定义父类构造函数 function A(){ this.age = 10; } A.prototype.say = function(){ consol...
原创
2022-03-03 15:32:58
69阅读
ES5如何实现继承 一.原型链继承 原型链继承的原理很简单，直接让子类的原型对象指向父类实例，当子类实例找不到对应的属性和方法时，就会往它的原型对象，也就是父类实例上找，从而实现对父类的属性和方法的继承 function Prant() { this.name = 'hello' } Prant.p ...
转载
2021-04-24 20:06:00
160阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head>
原创
2023-02-26 09:56:37
74阅读
课程地址：
原创
2022-10-22 01:04:03
68阅读
1评论
ES5： <!DOCTYPE html> <html lang="en" dir="ltr"> <
原创
2022-08-04 17:06:15
118阅读
1、ES5中的继承模式我们先看ES5中的继承。既然要实现继承，首先我们得要有一个父类。Animal.prototype.eat = function(food) {
console.log(this.name + '正在吃' + food);
}
function Animal(name) {
this.color = ['green','red','blu
转载
2024-10-22 21:52:43
29阅读
Prototype：js继承机制的设计思想就是，原型对象的所有属性和方法，都能被实例对象共享，不仅
原创
2019-07-12 09:45:52
37阅读
ES6 中有类 class 的概念，类 class 的继承是通过 extends 来实现的，ES5 中是通过设置构造函数的 prototype 属性，来实现继承的，ES6 与 ES5 的继承有什么区别呢？下面通过 3 个 demo，来分析它们之间的区别。
1. ES5 继承直接上代码：function A() { this.a = 'hello';}
function B() { A.cal
转载
2021-06-30 09:43:45
162阅读
ES5定义类以函数形式, 以prototype来实现继承 ES6以class形式定义类, 以extend形式继承
转载
2020-12-19 01:09:00
177阅读
2评论
ES6 中有类 class 的概念，类 class 的继承是通过 extends 来实现的，ES5 中是通过设置构造函数的 prototype n B() { A.call(this); this.b = 'world';}B.prototype = Obje...
转载
2022-03-10 14:44:13
771阅读
概述map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法
array.map(callback[, thisArg])参数
callback原数组中的元素经过该方法后返回一个新的元素。
currentValuecallback 的第一个参数，数组中当前被传递的元素。indexcallback 的第二个参数，数组中当前被传递
转载
2024-05-17 16:53:03
135阅读
最近的一个项目使用的是React+React-router+Redux框架，刚开始编写代码的时候，客户的需求不明确，没有明确要求兼容IE8,当第一个版本出来之后，用户发现不能在IE8下使用，才提出兼容IE8的事情。但当时整体的代码框架和主要功能都已经实现，如果更换框架来实现，相当于放弃前面几个月的React代码重写。这带来的工作量是难以估计的。 查找网上的R
es5构造函数继承 function Phone(brand, price){ this.brand = brand; this.price = price; } Phone.prototype.call = function(){ console.log("打电话"); } function Sm ...
转载
2021-09-25 23:35:00
153阅读
2评论
1. 最简单的类，构造函数function Person(name, age) { this.name = name; this.age = age;};// 实例化一个方法var p = new Per
原创
2023-03-23 00:10:45
110阅读
1995年，JavaScript作为网景浏览器的一部分首次发布，起初并不叫JavaScript，而是叫LiveScript，但是因为当时Java正火，也算是为了搭上java的顺风车，于是改成了JavaScript，然而二者一点关系也没有。 1996年的时候，网景将JavaScript提交给了
转载
2024-04-22 05:54:46
38阅读
动态导入是JavaScript ES2019中新增的语法特性，它可以通过将代码按需导入，从而实现更加高效的加载方式。动态导入允许用户在运行时动态地加载模块，这是ES6中静态导入所无法实现的。在实际运用当中，我们可以通过导入语法结合WebPack等打包工具，来构建出一个按需加载的前端工程，实现对运行时依赖的处理。通过动态导入，我们可以在代码运行时才加载需要的模块，而不是将所有的模块一次性加载，这样一
转载
2024-04-20 20:14:02
357阅读
创建对象我们开始可以用Object构造函数或者对象字面量来快速创建对象，但使用这种方式创建多个对象时会产生大量重复代码，所以我们有了以下几种创建对象的方式。（1）工厂模式function createPerson(name, age,sex){ //传入的参数可以类比成送入工厂的原材料
var o = new Object();
o.name = name;
转载
2024-03-21 14:21:34
60阅读
