JavaScript
该专栏讲述的是JavaScript中的一些技术知识点
Re_Code
我是革命一块砖,哪里缺砖往哪搬
展开
-
JavaScript 一些小技巧
1. 数组去重情况描述就是去除数组中重复的元素例如数组[1,2,2,3]经过我们的去重操作后就变成[1,2,3]在这里,去重的标准是判断“数组成员A===数组成员B”,若为true,则去除其中一员数组成员,否则就不去重方法使用set对象去重(推荐,时间复杂度为O(n))数组方法fliter(Array.prototype.filter,时间复杂度为O(n^2))数组方法redu...原创 2020-03-29 16:07:27 · 149 阅读 · 0 评论 -
JavaScript 事件冒泡 事件委托
认识事件冒泡在我看来,事件冒泡,说的简单一点就是当我们触发一个元素的事件时,会触发其父元素及祖先元素的所有相同类型的事件我们要知道事件冒泡有以下特性事件冒泡是默认开启的,但我们可以通过js代码来控制事件冒泡当触发我们的事件函数时,事件函数其实会接收到一个event对象,该对象上的stopPropagation()可以阻止事件冒泡。当我们在我们的事件函数中执行event.stopPro...原创 2020-03-01 13:46:48 · 243 阅读 · 0 评论 -
JavaScript 事件流
认识事件流事件流,说的简单点,就是描述页面中接收事件的顺序当我们用户在触发一个标签的事件(例如鼠标点击,鼠标移动)时,浏览器就会一些响应比如,我们为一个按钮的点击事件绑定了一个函数,则当我们点击该按钮时浏览器就会去寻找该按钮然后执行该按钮的点击事件。从我们点击这个按钮到最终执行该按钮的点击事件所绑定的函数,一共经历了三个阶段事件捕获阶段该阶段是浏览器在寻找被触发事件的元素对象在这...原创 2020-02-29 19:42:24 · 758 阅读 · 0 评论 -
JavaScript 对象 Object
前言对象,无论是在JavaScript语言中,还是在其他语言,都是一个非常重要的概念对象,在我看来:从宏观上来见,其实就是对应现实生活中具体的事物(例如人,车,学生等)从微观上来讲,其实就是保存着名值对的一个{}在对象中,有一个非常重要的概念:类类,其实就是对所有具有相同特征的对象,将相同特征组合进行组成。我们可以认为类其实就是一个模板,而对象是基于这个模板所创建出来的实例。例...原创 2020-02-28 15:25:51 · 177 阅读 · 0 评论 -
JavaScript DOM的基本介绍
前言我们平常在web说的JavaScript其实是有三部分组成的ECMAScript(JavaScript的核心模块)DOM(用于操作文档节点)BOM(用于操作浏览器)而JavaScript是以ECMAScript规范作为核心模块,根据其宿主环境而创建出来的动态解释性脚本语言。例如,在浏览器中的JavaScript语法和在Node使用的JavaScript语法有细微不同的(宿主环境...原创 2020-02-26 20:08:43 · 307 阅读 · 0 评论 -
JavaScript 作用域链
概念须知执行环境:执行环境定义了变量或函数是否有权访问去访问其他数据,并决定了它们各自的行为每一个执行环境都有一个与之相关的变量对象,环境中定义的所有变量和函数都保存在这个对象中。就是说,在JavaScript的后台中,每一个执行环境都有一个变量对象与之对应每一个函数都有自己的执行环境当代码在一个环境中执行时,会创建当前执行环境与之对应的变量对象的一个作用域链作用域链的目的就是保证能够...原创 2020-02-25 20:09:53 · 247 阅读 · 0 评论 -
JavaScript Reflect对象
基本认识 Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象,因此它是不可构造的。 与大多数全局对象不同,Reflect不是一个构造函数。你不能将其与一个new运算符一起使用,或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的(就像Math对象)。...原创 2020-02-24 21:59:46 · 240 阅读 · 0 评论 -
JavaScript 原型和原型链
基本认识 原型对象:无论什么时候,只要创建一个新的函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性就指向函数的原型对象 原型链:任何一个实例对象都有一个__proto__的属性,该属性是指向该实现对象的构造函数的原型对象。 而构造函数的原型对象也有一个__proto__的属性,指向它的构造函数的原型对象。这样一层一层就形成了一条原型链。而一般来说,原型链的最...原创 2020-02-23 20:46:08 · 116 阅读 · 0 评论 -
JavaScript Symbol对象
基本使用 Symbol是es6新增的一个基本的数据类型。增加该类型的主要目的是为了能够实现对象的属性名能够唯一化。最新的ECMAScript标准定义了8中数据类型7种基本数据类型- 布尔值(Boolean):true/false- null:一个表示null的特殊关键字- undefined,和null一样特殊的关键字,undefined表示变量未定义时的属性- 数字(Number...原创 2020-02-22 20:52:42 · 225 阅读 · 0 评论 -
JavaScript Proxy对象
基础认识 Proxy是ES6新提出来的内置对象,主要目的是实现在对象进行操作时能够对对象的行为进行拦截,然后拦截者可以根据自己的意愿重新定义该对象的此次操作行为。 Proxy对象用于定义基本操作的自定义行为(例如属性查找,赋值,枚举,函数调用等) 当对象或者函数进行一些行为时我们可以通过proxy对象对其行为进行拦截,而对象本身的行为就无效了 而跟Proxy对象息息相关的就是一个h...原创 2020-02-22 20:45:29 · 1507 阅读 · 0 评论 -
JavaScript Generator对象和Generator函数
Generator原型方法Generator.prototype.next()Generator.prototype.return()Generator.prototype.throw()基本使用Generator对象与一种函数密切相关 Generator函数。我们在执行Generator函数,该函数不会立刻执行,而是会返回一个Generator对象。我们通过操作Generat...原创 2020-02-13 19:04:42 · 205 阅读 · 0 评论 -
JavaScript Array常用方法的实现
1. Array.prototype.indexOf该方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1语法arr.indexOf(searchElement,[fromIndex])searchElement:要查找的元素fromIndex:[可选] 开始查找的位置实现代码Array.prototype.myIndexOf = functio...原创 2020-02-12 20:49:22 · 152 阅读 · 0 评论 -
JavaScript 关键字this
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best JavaScript的this,对于初学者来说,是一个非常头疼的问题,老是搞不清this的运行机制。但是this在JavaScript中的运用是非常广泛的,如果想要成为一个JavaScript的高...原创 2020-02-10 15:08:47 · 141 阅读 · 0 评论 -
JavaScript Promise对象
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best Promise对象,在如今的JavaScript编程中,使用的次数是非常多的。因此,若想要真正掌握好JavaScript(在这里主要是讲es6语法),那么对于Promise对象的使用必须是十分...原创 2020-02-08 15:23:45 · 196 阅读 · 0 评论 -
JavaScript 同步和异步
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best JavaScript的异步问题,是一个老生常谈的问题了。无论是在我们的面试中,还是在我们的实际开发中,如果你要使用JavaScript这门语言,那么你就无法避免JavaScript的异步。 对...原创 2020-02-06 21:32:04 · 155 阅读 · 0 评论 -
JavaScript 变量提升和函数提升
前言When we learn a new technology,we need to know what it is,why we learn it and how to use it best今天在写代码的时候,突然发现了一个非常有意思的现象其实就是两行代码console.log(a);var a = 1;当将这两段代码运行在浏览器中时,会发现浏览器会报打印undefined,但...原创 2020-02-05 15:24:34 · 168 阅读 · 0 评论