![](https://img-blog.csdnimg.cn/20210325181920705.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 72
关于JavaScript
Continue丶
努力变得更好一点
展开
-
JavaScript:深入Undefined
文章目录概述Undefinedvoid()概述我们都知道 undefined 是JavaScript中的一个基本数据类型,字面意思称其为“未定义”,然而其实它还有许多特别的地方需要我们去有所了解。Undefined1.Undefined既是基本数据类型,也是原始值数据很容易理解,我们也经常数据赋值时赋值为undefinedlet a=undefined;console.log(a);//undefined若一个数据没有进行赋值,那么这个数据的数据类型为undefined,其值数据也为und原创 2021-06-19 00:45:11 · 169 阅读 · 3 评论 -
JavaScript:BOM总结
文章目录1. 概述1.1什么是BOM?1.2 BOM构成2. window对象常见事件2.1 窗口加载事件2.2 调整窗口大小事件3. 定时器4. JS执行机制5. location对象6. navigator对象7. history对象1. 概述1.1什么是BOM?BOM(Browser Object Model) 即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性。BOM缺乏标准,Java原创 2021-04-07 20:07:15 · 253 阅读 · 0 评论 -
JavaScript:正则表达式
文章目录1. 概述1.1 作用1.2 特点2. 正则表达式在JavaScript中的使用2.1 创建正则表达式2.2 测试正则表达式 test3. 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 量词重复某个模式的次数3.6 预定义类4.正则表达式中的替换4.1 replace 替换4.2 正则表达式参数1. 概述正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。1.1 作用正则表达式通常是被用来检索、替换那些符原创 2021-04-05 23:20:02 · 174 阅读 · 0 评论 -
JavaScript:浅拷贝与深拷贝
1.概念1. 浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用,如数组、对象。2. 深拷贝拷贝多层,每一级别的数据都会拷贝。2.浅拷贝浅拷贝只拷贝一层,对更深层次的对象只拷贝引用地址。如下:<script> // 1.浅拷贝 var o = { name: 'xy', sex: '男', msg: { age: 20 } } var copy = o; co原创 2021-04-05 17:10:23 · 140 阅读 · 0 评论 -
JavaScript:闭包
文章目录1.什么是闭包?2.闭包的作用3.闭包案例(点击li输出当前li的索引)1.什么是闭包?闭包(closure)指有权访问另一个函数作用域中变量的函数。简单理解就是,一个作用域可以访问另外一个函数内部的局部变量。如:<script> function fn() { var name = 'xy'; function fun() { console.log(name); } fun();原创 2021-04-04 23:23:38 · 95 阅读 · 0 评论 -
JavaScript:改变函数内部的this指向
文章目录1.函数内this的指向2.改变函数内部this指向2.1 call()1.调用函数2.改变当前函数this指向2.2 apply()1.调用函数2.改变当前函数this指向2.3 bind()3.call apply bind总结1.函数内this的指向这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同,一般指向我们的调用者。调用方式this指向普通函数调用window构造函数调用实例对象,原型里面的方法也指向实例对象原创 2021-04-04 20:56:09 · 328 阅读 · 0 评论 -
JavaScript:ES5新增方法
文章目录1.概述2.数组方法2.1 遍历方法:forEach2.2 筛选方法:filter2.3 查找方法:some3.字符串方法3.1 去除空格 trim3.对象方法3.1 定义新属性或修改属性 defineProperty1.概述ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法2.数组方法迭代(遍历)方法:forEach()、filter()、some();2.1 遍历方法:forEachforEach用于遍历数组,可传入原创 2021-04-04 15:22:37 · 141 阅读 · 0 评论 -
JavaScript:构造函数与原型
文章目录1.概述2.构造函数2.1 实例成员2.2 静态成员1.概述在典型的面向对象编程(OOP)的语言中,如Java,都存在类的概念,类就是对象的模版,对象就是类的示例,但在ES6之前,JS中并没有引入类的概念。在ES6之前,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过如下三种方式:对象字面量new Object()自定义构造函数<script> // 1.字面量创建 var obj1 = {原创 2021-04-03 16:45:47 · 181 阅读 · 0 评论 -
JavaScript: DOM总结
文章目录1.DOM简介2.获取元素1.根据ID获取:getElementById()2.根据标签名获取:getElementByTagName()3.通过HTML5新增的方法获取4.特殊元素获取(body html)3.事件基础4.操作元素1.改变元素内容1.DOM简介文档对象模型(Document ObjectModel,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口通过这些DOM接口可以改变网页的内容、结构、样式。DOM树:文档:一个页面就是一个文档原创 2021-04-01 21:45:32 · 551 阅读 · 0 评论 -
JavaScript:字符串对象
目录1.基本包装类型2.字符串不可变3.根据字符串返回位置4.根据位置返回字符5.字符串操作方法1.基本包装类型为了方便操作基本数据类型,JavaScript还提供了三个特殊的引用类型:StingNumberBoolean基本包装类型就是把简单数据类型包装为复杂数据类型(什么是简单数据类型复杂数据类型,点击了解),这样基本数据类型就有了属性和方法。如:var str="hello";console.log(str.length);按道理基本数据类型是没有属性和方法的,而原创 2021-03-28 22:23:47 · 162 阅读 · 0 评论 -
JavaScript:简单类型与复杂类型
简单类型又叫做基本数据类型或者值类型复杂类型又叫做引用类型值类型简单类型/基本数据类型,在存储时变量存储的是值本身,因此叫做值类型,如:StringnumberbooleanundefinednullSymbol (ES6新增数据类型)bigInt简单数据类型存放到栈里面引用类型复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型,通过new关键字创建的对象(系统对象、自定义对象),如:ObjectArrayDate复杂数据类型存放到堆里面原创 2021-03-28 21:07:13 · 77 阅读 · 0 评论 -
JavaScript:数组对象
数组对象的创建检测是否为数组添加删除数组元素数组排序数组索引数组转换字符串1.数组对象的创建数组对象创建有如下两种方式字面量创建new Array();如:<script> //1.字面量创建 var arr = [1, 2, 3]; //2.new Array()创建 // var array = new Array();//创建一个空数组 // var array = new Array(2);//创建一个空数组,原创 2021-03-28 11:51:18 · 171 阅读 · 2 评论 -
获取Date总的毫秒数(时间戳)
获得Date总的毫秒数(时间戳),不是当前时间的毫秒数,而是距离1970年1月1号过了多少毫秒数。有三种方式获取:通过valueOf() 、getTime()常用写法 +new Date()H5新增Date.now()1.通过valueOf() getTime()<script> var date = new Date(); console.log(date.valueOf()); console.log(date.getTime原创 2021-03-28 10:30:58 · 5595 阅读 · 0 评论 -
JavaScript:arguments的使用
当我们不确定有多少个参数传递的时候,可以使用arguments来获取。在JavaScript中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。如:<script> function getData() { console.log(arguments); } getData("Continue", 20, true);<原创 2021-03-26 11:05:19 · 344 阅读 · 0 评论 -
JavaScript:解释型语言和编译型语言
1.概述计算机不能直接理解任何除机器语言以外的语言,所以必须把程序员所写的程序翻译成机器语言才能执行程序。程序语言被翻译成机器语言的工具,被称为翻译器。翻译器翻译的方式有两种:编译 、 解释,区别在于翻译的时间点不同编译器在代码执行之前进行编译,生成中间代码文件解释器是在运行时进行及时解释,并立即执行。2.执行过程(以java、JavaScript为例)...原创 2021-03-25 17:36:32 · 493 阅读 · 0 评论 -
JavaScript:数据类型转换
1.转换为数值型方式说明案例结果parseInt(String)将String类型转换为整数数值类型(向下取整)parseInt(“12.3”)12parseFloat(String)将String类型转换为浮点数值类型parseInt(“12.3”)12.3Number(String) 强制转换将String类型转换为数值类型parseInt(“12.3”)12.3js隐式转换利用算数运算隐式转换为数值型 (- * /)“12.3” -0原创 2021-03-25 17:09:50 · 71 阅读 · 0 评论 -
什么是JavaScript?
简短的历史回顾JavaScript实现1.简短的历史回顾起因:为验证简单的表单而需要大量与服务器的往返成为用户的痛点。随着Web日益流行,对客户端简本语言的需求也越来越强烈。当时,大多数用户使用28.8kbit/s的强制解调器上网,使网页变得越来越大、越来越复杂。为验证简单的表单而需要大量与服务器的往返成为用户的痛点。网景公司在当时是引领技术革新的公司,它将开发一个客户端脚本语言来处理这种简单的数据验证提上了日程。1995年,网景公司一位名叫Brendan Eich 的工程师,开始为即将发布的N原创 2021-01-25 14:18:29 · 145 阅读 · 0 评论 -
JavaScript:理解 Undefined Null
UndefinedNull1.UndefinedUndefined类型只有一个值,就是特殊值undefined。当使用var或let声明了变量但没有初始化时,就相当于给变量赋予了undefined值:let message;console.log(message == undefined);//等同于let message = undefined;console.log(message == undefined);一般来说,永远不用显式地以undefined来初始化。增加这个特殊值的目的原创 2021-01-21 13:17:20 · 234 阅读 · 0 评论