ICode9

精准搜索请尝试: 精确搜索
  • 原型和原型链的理解2021-06-24 22:45:37

    任何对象都有一个原型对象,由对象的原型对象属性__proto__指向他的构造函数, 任何对象都是由构造函数创建的,被创建的对象都可以活得构造函数prototype属性 prototype是一个对象,指向了当前构造函数的引用地址 原型链:原型链是原型对象创建过程的历史记录,当访问一个对象的某个属性时,会

  • 学习笔记—前端基础之构造函数与类2021-06-22 02:32:37

    日常的学习笔记,包括 ES6、Promise、Node.js、Webpack、http 原理、Vue全家桶,后续可能还会继续更新 Typescript、Vue3 和 常见的面试题 等等。 构造函数 用 new 关键字来调用的函数,称为 构造函数。 构造函数中一般有两个属性,一个是 原型上的属性,一个是 实例上的属性。 function A

  • JS中的继承2021-06-21 21:02:25

    原型链继承 让父类中的属性和方法在子类实例的原型上 function A(x){ this.x = x; } A.prototype.getX = function(){ console.log(this.x); } function B(y){ this.y = y; } B.prototype = new A(); //原型链继承的核心 B.prototype.con

  • 面向对象2021-06-19 17:32:54

    面向对象编程思想 面向过程编程---解决问题的过程,按步骤进行,第一步做什么,第二步做什么,一步一步完成 面向对象编程---找具有解决问题功能的对象,调用其功能,完成任务。如果对象不存在,则创建对象。 创建对象方式 1.简单方式new Object 语法:let parseobj = New Object( ); 2.字面量方式

  • ECMAScript 5 - JavaScript 52021-06-17 22:30:29

    ECMAScript 5 - JavaScript 5 1. ECMAScript 5 是什么 ECMAScript 5 也被称为 ES5 和 ECMAScript 2009。 本章介绍 ES5 的一些最重要的特性。 2. ECMAScript 5 的新特性 “use strict” 指令String.prototype.trim()Array.isArray()Array.prototype.forEach()Array.prototype

  • javascript中寄生组合式继承2021-06-15 16:06:04

    在ES6之前类的继承终极大招寄生组合式继承 一、改写原型继承 function inheritObject(o) { function F() { } F.prototype = o; return new F(); } 二、创建继承组合式继承 /** * subClass 子类 * superClass父类 */

  • javascript中的原型详解2021-06-15 02:01:37

     前言   都知道,原型能够使对象的方法达到复用的目的,而不是每个对象都存在相同方法。 概念   在详细了解原型之前,需要明白以下概念:    prototype:原型,函数自带的属性,也是一个对象;    constructor:原型对象自带的一个属性,指向宿主原型的宿主方法;    __proto__:对象的

  • 对构造函数与原型的一点理解2021-06-13 22:33:36

    对构造函数的理解 创建对象的方式: 1.对象字面量 2.new Object() 3.自定义构造函数 ES6以前没有类的概念,使用构造函数创建对象 构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中公共的属性和方法抽取出来,然后封装到这个函数

  • 手写bind2021-06-12 17:02:05

    手写bind Function.prototype.bind1 = function(){ // 获取传入的参数,并转换成数组 let args = Array.prototype.slce.call(arguments); // 获取数组的第一项为需要返回的指定this let _this = args.shift(); // 获取调用者-原始this let self = this; // 返回一个新

  • ES6中的class 与prototype2021-06-12 15:58:35

    一、定义构造函数   在以前的js中,生成一个对象实例,需要先定义构造函数,然后通过prototype 的方式来添加方法,在生成实例:        function Person(){ this.name = "测试"; this.age = 26; } Person.prototype.getName = function(){ console.lo

  • 数据结构2021-06-12 12:35:02

    一、数组1、保留插入顺序2、通过索引访问元素(索引与排序有关系)3、可迭代4、JS数组大小可以动态调整,但内存无法掌控(c++静态数组,长度不可变)5、允许值重复,且可以为混合类型6、删除和查找元素比较消耗性能 eg: find() 和 findIndex()  ~~~遍历查询,消耗性能,删除元素后,后边元素向

  • 学习JavaScript 中的构造函数创建对象2021-06-11 02:04:23

    mdn中这样说道:   当谈到继承时,JavaScript 只有一种结构: 对象。   所有的 JavaScript 对象至少继承于一个对象。被继承的对象被称作原型,并且继承的属性可通过构造函数的 prototype 对象找到。    每个实例对象( object )都有一个私有属性(称之为 __proto__ )指向它的

  • js实例对象使用属性和方法的搜索顺序2021-06-10 21:58:36

    实例对象使用的属性或者方法, 先在实例中查找,找到了则直接使用 找不到则,去实例对象的__proto__指向的原型对象prototype中找 找到了则使用,找不到则报错 直接看一个小案例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script

  • 一篇文章带你搞懂JavaScript原型对象2021-06-10 20:06:34

    文章目录 原型对象 `prototype`属性 构造函数、实例、原型三者之间的关系 探究:原型的指向是否可以改变 属性成员的搜索原则:原型链 原型链案例 实例对象读写原型对象成员 更简单的原型语法 原生对象的原型 原型对象的问题 原型对象使用建议 原型对象的作用:共享数据,节省内存空间

  • JavaScript继承的几种方法2021-06-10 18:56:41

    文章目录 继承 1. 什么是继承 例子: 面向对象的特性:封装,继承,多态 2. JavaScript继承的三种方法 构造函数的属性继承:借用构造函数 案例: 构造函数的原型方法继承:拷贝继承(for-in) 案例: 另一种继承方式:原型继承 组合继承:原型+借用构造函数继承 继承小总结 继承 1. 什么是继

  • vue项目中如何做IE游览器的限制提示2021-06-09 21:59:09

    背景:在做vue项目的时候,因为IE9以下的版本,不支持es6的语法,所以在vue中的js无法运行,打开页面显示白屏,控制台会报错。(SCRIPT438:对象不支持"bind"属性或方法/app.js(915,11))。 前言:开始看控制台有js报错,首先先尝试解决报错问题,后来发现解决了bind报错,又出现其他语法不支持。看来

  • javascript 原型继承2021-06-08 22:06:14

    /** @inhert 原型继承 圣杯模式 @param {function} Targer 需要继承的原型 @param {function} Orgin 被继承的原型 */ const inherit = (function (){ function F(){} return function(Targe,Orgin){ F.prototype = Orgin.prototype

  • 前端JS笔试题整理2021-06-05 19:58:41

    目录 前言 一、数组扁平化 1.使用flat() 2.利用正则 3.正则改良版本 4.使用reduce 5.函数递归 二、数组去重 1.利用set 2.两层for循环+splice 3.利用indexOf 4.利用include 5.利用filter 6.利用Map 三、类数组转换为数组 1.Array.form 2.Array.prototype.slice.call() 3.扩展运

  • 用javascript面向对象的方式制作弹出层2021-06-04 12:55:40

    由于本人以前是.net程序员,所以即使现在在做前端,也习惯于用面向对象的方式编写js脚本,我想如果你以前也是或者现在还是名第三代程序员的话,应该对此并不陌生。说到js的面向对象,就不得不提到prototype这个js内置属性了(注意:这里的prototype可不是prototype.js),它的作用就是可以动态的

  • 别一文搞懂了,看两遍,保证你掌握原型与原型链!2021-06-03 18:32:45

    文章目录 1.原型对象上的constructor指向哪里2.显示原型与隐式原型3.谈一谈原型与原型链4.Function,Object与原型的关系5.原型链指向题目6.探索instanceOf(手写instanceof)7.两道面试题 1.原型对象上的constructor指向哪里 每个函数都有一个prototype属性,这是一个引用,指

  • call和bind的原生实现2021-06-01 21:34:09

    原生call的实现方法 原理: 当调用call时,call方法中的this就是调用体(也就是调用call的函数) 此时只需要将this赋值给传进来的对象,作为对象的方法进行调用,这样这个方法的this便会指向目标对象。当传进来的对象为null的时候,直接赋值为window 参数问题,,利用自带的arguments解决 代码 fun

  • JavaScript 模拟装饰者模式2021-06-01 15:04:07

    /** * 抽象coffee父类,其实可以不用的 */ function Coffee () {} Coffee.prototype.cost = function() { throw '实现这个方法'; }; /** * 黑咖啡,其实可以不用继承的; */ function BlackCoffee () {} // BlackCoffee.prototype = new Coffee(); // BlackCoffee.prototype.c

  • JavaScript 模拟策略模式2021-06-01 15:03:39

    /** * 模拟一个接口,其方法会抛出异常; */ function FlyInter () {} FlyInter.prototype.fly = function() { throw '实现这个接口'; }; /** * 实现一个fly noway的方法; */ function FlyNoWays() {} FlyNoWays.prototype.fly = function() { console.log('fly noways')

  • Javscript 基础2021-06-01 12:04:28

    Javascript 中的this指针(通过function定义的函数中的this指针是动态绑定的,谁调用该函数,this就指向谁) 直接定义函数,并且通过函数名调用,则函数体中的this指针为window对象,就算函数是在另外一个函数中定义的 DOM元素绑定事件,回调函数中的this指向DOM元素 通过new FunctionName(args

  • JS 手写之 Function.prototype.call2021-05-29 22:03:33

    Function.prototype.call call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 注意: 该方法的语法和作用与 apply() 方法类似,只有一个区别,就是 call() 方法接受的是一个参数列表,而 apply() 方法接受的是一个包含多个参数的数组。 语法 function.call(

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有