![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 85
蓬莱老仙
这个作者很懒,什么都没留下…
展开
-
JavaScript-立即执行函数
所谓的立即执行函数就是在声明函数后立即就执行,立即执行函数有两种常见的写法:(function() {…})() 将一个函数包裹在一个小括号运算符中,后面再跟一个小括号用于调用。(function() {…}()),将一个匿名函数后面跟一个小括号,然后整个包裹在一个小括号运算符中。上面的两种写法是等价的均可以实现函数的自调用。示例:// 第一种;(function(x, y) {...原创 2019-12-08 13:05:45 · 173 阅读 · 0 评论 -
JavaScript-js执行机制
JavaScript 是单线程语言,也就是说同一时间只能做一件事;这是 JS 的设计所致:JavaScript 最初是为了处理页面中用户的交互,以及操作 DOM 元素例如:操作页面上的某个 DOM 元素,现在有2 个线程,proOne 用于执行删除命令、preTwo 用于执行修改命令;如果 JS 是多线程的这两个线程就会同时对同一个 DOM 进行操作,proOne 删除了当前 DOM ,而pre...原创 2019-12-03 20:31:40 · 85 阅读 · 0 评论 -
JavaScript-如何判断数据类型
一元运算符:typeof()typeof 用于判断变量的数据类型;typeof() 的结果字符串有几种情况: “string(字符串)” 、 “number(数字)” 、 “boolean(布尔型)” 、 “undefined(未定义)” 、 “object(对象)” 、 “function(函数)”另外:null、对象、数组这三种类型,都将返回 “object”。注意: typeof是一元...原创 2019-11-20 09:23:40 · 82 阅读 · 0 评论 -
JavaScript-中String字符串常用的方法汇总
indexOf()charAt()charCodeAt()str()concat()substr()slice()substring()replace()split()toLowerCase()toUpperCase()原创 2019-11-09 11:33:08 · 239 阅读 · 0 评论 -
JavaScript-中 Array 数组常用的方法汇总
在 JS 中数组的使用场景有很多,数组也有许多相关的 API,可方便数组的操作数组的操作读取元素:读取已经存在下标的元素。如:var age = arr[2];修改元素:修改已经存在下标的元素的值(重新赋值)。如:arr[2] = 69;增加元素:添加一个不存在的下标的元素。删除元素:使用关键字 delete,只能删除元素的值,而下标还在。与数组相关的方法unshift()ar...原创 2019-11-07 09:23:17 · 219 阅读 · 0 评论 -
JavaScript-判断变量的数据类型isntanceof的使用,Array.isArray()判断是否为数组
instanceofinstanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上;可用于判断一个对象是否是某个构造函数的实例语法:object instanceof constructor参数:object 需要判断的实例对象constructor 构造函数示例:// 创建数组var arr = [1, 3, 5]// 判断 a...原创 2019-11-06 15:20:09 · 202 阅读 · 0 评论 -
JavaScript-内置Date对象(日期对象)中常用的方法汇总
概述JS中的 Date 对象用于处理日期和时间;Date 对象和 Math 对象不一样,Date 是一个构造函数,需要实例化后才能使用对象中具体的方法和属性。创建 Date 对象的方法创建当前(现在)日期对象的实例,不带任何参数var today = new Date();console.log(today); // Tue Nov 05 2019 20:43:15 GMT+0800 (...原创 2019-11-05 21:57:56 · 1415 阅读 · 0 评论 -
JavaScript-获取任意区间随机数的计算公式
Math.random() 返回一个0到1之间的随机小数; 范围[0,1),也就是说,从0(包括0)往上,但是不包括1(取不到1);该方法没有参数数值区间取整后结果计算方法min=0, max=100 1 2 3 4 5 …… 9乘以 10(max-min),再加 0(min)min=10, max=2010 11 12 13 14 15 …… 19乘以 10...原创 2019-11-04 22:00:04 · 432 阅读 · 0 评论 -
JavaScript-内置Math对象(数学对象)中常用的方法汇总
Math 是 JS中的数学对象,属于一个静态对象;换句话说:在使用Math对象,不需要创建实例。Math.PIMath.PI 属性返回小数位为十五位的圆周率值。console.log(Math.PI) // 3.141592653589793Math.abs()Math.abs(x) 该方法用于返回指定的一个数的绝对值console.log(Math.abs(-69)) // 69...原创 2019-11-04 20:43:17 · 660 阅读 · 0 评论 -
JavaScript-如何遍历对象中的属性,for...in语句的使用
JS对象中存储的数据是无序的,通过 for 循环无法遍历,这时就可以使用 for...in 来进行遍历for…infor...in 语句可用于遍历对象属性或数组元素;循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。语法:for (variable in object) { 代码块;}参数:variable 遍历的是对象时其值为对象中的属性名,遍历的是数组是其...原创 2019-11-04 19:52:03 · 1982 阅读 · 0 评论 -
JavaScript-this的指向问题
浏览器解析器在调用函数时,每次都会向函数内部传递一个隐含的参数 this,this 指向的是一个对象,该对象被称之为函数执行的上下文。函数在定义的时候 this 是不确定的,只有在调用的时候才可以确定;函数的调用方式不同,this 的指向也会不同。直接以函数的形式调用函数时 this 指向 windowvar uname = 'window对象'function fun() { ...原创 2019-11-04 19:12:59 · 125 阅读 · 0 评论 -
JavaScript-创建对象的四种方法:字面量创建对象、构造函数创建对象、自定义构造函数创建对象、工厂模式创建对象
对象概述在现实生活中万物皆对象,对象是一个具体的事物,一个具体的事物就会具有相关的行为和特征;在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如:数字、字符串、数组、函数等。对象的构成对象由属性和方法构成属性:描述事物的特征,在 JS 中的对象的特征用属性来表示方法:事物的行为,在 JS 中的对象的中用方法来表示现实中的对象:比如说...原创 2019-11-02 14:38:13 · 1036 阅读 · 0 评论 -
JavaScript-创建数组的两种方法,数组的遍历,lenght获取数组的长度,在数组末尾追加元素
数组概述数组是一组相关数据的集合,其中的每一个值被称作元素,每个元素在数组中都有对应的位置(下标)就是元素的索引,通过下标就能很方便的获取对应下标的元素;当我们想要连续存放多个数据时就可以使用数组来存储数组中元素的下标为数字类型,默认是从 0(零)开始累加JS数组的特点JS 中的数组可以存储任意数据类型的数据JS 中的数组属于动态数组,就是数组的长度可以动态改变数组的创建在 JS...原创 2019-11-01 14:42:12 · 1865 阅读 · 1 评论 -
JavaScript-变量预解析,变量的提升,函数的提升,同级作用域下同名的变量与函数的提升问题
预解析JavaScript 代码在浏览器中是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器执行JavaScript代码的时候,分为两个过程:预解析过程和代码执行过程预解析过程:在当前的作用域下,JS 代码执行之前把通过 var 定义的变量和通过 function 声明的函数在内存中进行提前声明或者定义。代码执行过程:至上而下执行 JavaScript 代...原创 2019-10-31 14:44:38 · 456 阅读 · 2 评论 -
JavaScript-什么是作用域,作用域和作用域链,js没有块级作用域
作用域概述在任何编程语言中都有作用域的概念,简单来说,所谓的作用域就是变量可作用的范围(可被访问到的区域)在 JavaScript 中有两种作用域类型,一种是全局作用域另一种是局部作用域想要理解作用域就必须要理解全局变量和局部变量全局变量在网页的所有脚本和函数都能够访问到的变量就是全局变量如何定义全局变量:在函数外部定义的变量,就是 全局变量在函数内部,省略关键字 var ...原创 2019-10-30 21:59:20 · 206 阅读 · 0 评论 -
JavaScript-函数中内置对象arguments的用法详解,如何创建一个伪数组
JavaScript中 arguments 对象是比较特别的一个对象,实际上是当前函数的一个内置属性;也就是说所有函数都内置了一个 arguments 对象,arguments对象中存储了调用函数时传递的所有的实参;arguments 是一个伪数组(类数组对象),因此可以进行遍历伪数组的特点:具有 length 属性,可以通过 length 获取长度按索引方式储存数据,就像数组...原创 2019-10-30 11:07:55 · 281 阅读 · 0 评论 -
JavaScript-如何实现倒计时效果
DOM 结构:<section> <h1>距离光棍节还有</h1> <div id="box"></div></section>CSS 样式:section { width: 300px; margin: 0 auto; text-align: center;}#box { height:...原创 2019-10-29 21:20:18 · 189 阅读 · 0 评论 -
JavaScript-如何实现简易计算器
基本 DOM 结构:<div class="count"> <!-- 用于输入第一个参与计算的值 --> <input type="text" name="" id="val1" /> <!-- 运算符 --> <select id="sel"> <option value="+">+<...原创 2019-10-29 21:07:42 · 143 阅读 · 0 评论 -
JavaScript-将字符串转成数组的方法 split() 的使用
split()功能:将一个字符串切割成若干段。以数组的形式返回。语法:strObj.split(separator[, howmany])参数:separator 分割字符串的字符或正则表达式howmany 可选参数,该参数可指定返回的数组的最大长度举例:var str = "sdd,f.,b.fsb,fsd.b,sfbv,.dbd";//分隔符为字符串中的逗号var a...原创 2019-10-28 19:08:38 · 1082 阅读 · 0 评论 -
JavaScript-lastIndexOf()从右往左查找字符,substr()与substring()截取子字符串的用法和区别,concat()连接多个字符串,tiem()清除字符串两端空白符
lastIndexOf()功能:在原始字符串,从右往左查找某个子字符串。如果没找到,返回-1。语法:strObj.lastIndexOf(substr)参数:substr 代表要查找的子字符串。示例://判断以下文件名是不是图片var arr = ["gif","png","jpg"];var filename = "2019.06.22.1030.gif"; //假设是上传文件...原创 2019-10-28 19:07:28 · 1295 阅读 · 0 评论 -
JavaScript-判断输入的三位数是不是水仙花数
水仙花数的特点:每位数字的立方和等于等于该数,即水仙花数(例如:153=1*1*1+5*5*5+3*3*3)实现思路:想要判断是否是水仙花数,首先要获得这个三位数的每一位的值,然后求每一位值的立方计算立方和,最后判断每位数字的立方和是否等于该数获取个位:对获取的三位数除以十再取余数就可以获取个位(对十取余,获取余数)获取十位:先用获取的三位数除以十再取整让其变成两位数,然后再对十取余获取余数...原创 2019-10-28 10:30:10 · 1550 阅读 · 0 评论 -
JavaScript-如何提取字符串中的浮点数,parseFlaot() 的使用
parseFlaot(string)parseFloat(string) 该函数是一个全局函数,用于解析一个字符串中的浮点数,并返回只有被解析的字符串的首字符是数字时才会对字符串进行解析,一直解析到数字的末端为止,然后以数字类型返回该数字;如果被解析的字符串首字符不是数字则返回 NaN 表示首字符不是一个数字,无法进行解析string 被解析的字符串var str = '123.456...原创 2019-10-27 19:36:35 · 2862 阅读 · 0 评论 -
JavaScript-将其他数据类型转成字符串的方法toString()与String()的使用及区别,parseInt() 如何提取字符串中的整数,如何截取浮点数的整数部分
obj.toString()obj.topString() 将调用该方法的对象(可以是字符串、数字、布尔值、数组、日期对象)转成字符串并返回;该方法没有参数;该方法并不会修改原对象的数据类型var num = 123456console.log(num, typeof num) // 123456 "numbeer"var str = num.toString()console.log...原创 2019-10-27 19:09:39 · 315 阅读 · 0 评论 -
JavaScript-中的转义字符,\ 反斜杠的使用,如何同时使用多对单引号或双引号
JS中的转义字符是反斜杠(\)常用的转义字符有:\’、\"、\、\r、\n等。在 JS 代码中 成对的单引号 不能多对同时使用,双引号也是;如果同时使用多对单引号或双引号就会报错,提示有意外的字符// 变量的值使用了多对单引号;原本是想让 单引号 三个字显示带有 单引号('单引号')的效果var str = '字符串,'单引号'';// 结果报了错console.log(str)...原创 2019-10-26 16:53:08 · 18869 阅读 · 0 评论 -
JavaScript-如何判断一个变量不是一个数字isNaN()的使用,Number()将对象转成数字
isNaN(arg)isNaN(arg) 该函数属于全局对象,用于检查其参数 是否是 非数字的值,如果被检测的参数的值不是数字则返回 true,如果被检测的参数的值是数字则会返回 false。arg 被检测的变量;该函数只接收一个参数isNaN() 的实现原理:该函数会先去调用 Number() 方法,尝试将 参数 转成 数字类型;如果不能转成数字则返回 NaN ,如果是 NaN(not...原创 2019-10-26 14:51:07 · 1033 阅读 · 0 评论 -
JavaScript-常用的数据输出方法write、alert、console,输入方法 prompt 的使用详解
常用的三个客户端输出方法document.write(arg1, arg2, …)document.write(arg1, arg2, ...) 方法可向页面写入 HTML 或 JavaScript 代码,其代码的解析结果会在网页的<body>标签中输出document 当前的文档对象,代表整个网页write() 是 document 对象的一个输出方法arg1 该参数表示...原创 2019-10-25 21:47:23 · 3913 阅读 · 0 评论 -
JavaScript-最大值和最小值的方法,正无穷和负无穷的表示方法
JS的最大值和最小值最大值:JS 中的最大值是通过 Number 对象的 MAX_VALUE 属性来获取即 Number.MAX_VALUE,这个值为: 1.7976931348623157e+308最小值:最小值是通过 Number 对象的 MIN_VALUE 属性来获取 Number.MAX_VALUE,这个值为:5e-32正无穷和负无穷正无穷:在 JS 中 通过全局属...原创 2019-10-25 20:19:21 · 6190 阅读 · 3 评论 -
JavaScript-特殊运算符的使用方法汇总使用(new、delete、typeof、.、[ ])
特殊运算符new 运算符new 运算符用于创建一个对象。例如:var today = new Date(); //创建一个当前系统日期时间对象console.log(today); // Fri Oct 25 2019 10:23:21 GMT+0800 (中国标准时间)delete 运算符delete 运算符用于删除数组的元素,或者对象的属性var obj = { una...原创 2019-10-25 11:48:23 · 532 阅读 · 0 评论 -
JavaScript-清除字符串首尾空白符的方法 trim()
str.trim()str.trim() 方法用于清除字符串首尾的空字符,并返回清除后的字符串var str = " Hello World Hello World ";console.log(str);var str2 = str.trim();// Hello World Hello World console.log(str2);//Hello World Hel...原创 2019-10-24 20:41:17 · 920 阅读 · 0 评论 -
JavaScript-将字符串转成大写的方法
str.toUpperCase()str.toUpperCase() 方法将字符串转大写并返回var str = "Hello World Hello World";var str2 = str.toUpperCase();console.log(str2);//HELLO WORLD HELLO WORLDstr.toLocaleUpperCase()str.toLocaleUpp...原创 2019-10-24 20:40:13 · 3165 阅读 · 0 评论 -
JS String 将字符串转成小写,toLowerCase() 与 toLocaleLowerCase() 的区别
str.toLowerCase()将调用该方法的字符串值转为小写形式并返回,该方法没有参数;toLowerCase 不会影响字符串本身的值。var str = "Hello World Hello World";var str2 = str.toLowerCase();console.log(str2); // hello world hello worldstr.toLocaleLo...原创 2019-10-24 20:38:10 · 2827 阅读 · 0 评论 -
JavaScript-replace() 替换字符串,match() 以数组的形式返回匹配的字符串的下标,search() 返回匹配的第一个字符串的下标
str.replace(substr, newSubStr)str.replace(substr, newSubStr) 使用一些字符替换原字符串中的字符(只会替换第一个匹配的字符串),将替换后的字符串作为新的字符串返回(该方法并不修改原字符串)substr str 中需要被替换的字符,或符合正则表达式的字符newSubStr 用于替换原字符串中字符的字符串大白话:将 str 字符串中...原创 2019-10-24 20:36:01 · 1281 阅读 · 0 评论 -
JavaScript-如何查找指定字符第一次出现的位置,如何将数组分割成字符串,如何截取字符串
str.indexOf(searchValue, fromIndex)str.indexOf(searchValue, fromIndex) 返回指定字符串在原始字符串中第一次出现的的位置(索引值);补充:字符串中的索引是从 0 开始,第一个字符的索引就是 0,第二个字符的索引是 1,以此类推str 原字符串searchValue 需要检索的字符串fromIndex 该参数可选,用于设...原创 2019-10-24 18:49:38 · 5532 阅读 · 0 评论 -
JavaScript-如何将 Unicode 编码转为字符串,如何对多个字符串进行合并
String.fromCharCode()String.fromCharCode(n1, n2, nX) 该方法是 String 的静态方法,接受一个或多个指定的 Unicode 值 ,根据给定的 Unicode 值返回一个对应的字符串。该方法返回一个字符串,而不是一个 String 对象n1, n2, nX 一个或多个 Unicode 值,多个值用英文逗号隔开由于 fromCharCo...原创 2019-10-24 18:04:10 · 1479 阅读 · 0 评论 -
JavaScript-String对象的创建方式,如何将字符串转小写或大写,如何获取指定位置的字符,如何获取指定字符的索引
String对象的创建可以通过 new 关键字:var str = new String(‘hello world’);也可以通过更简单的方式:var str = ‘hello world’;注意事项:当重新给 str 赋值时,常量 'hello world' 不会被修改,依然存在内存中;重新赋值会在内存中重新开辟(申请)空间,这就是字符串的一大特点字符串布可变;因此在进行字符串大...原创 2019-01-22 08:25:58 · 3442 阅读 · 0 评论 -
JavaScript-函数的声明(定义)的三种方式、如何定义匿名函数及匿名函数的调用、函数参数的问题,全局变量与局部变量
JS函数概述函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。函数可以一次定义,多次调用。函数的声明JavaScript 有三种声明函数的方法。(1)function 命令 function是一个关键字,和var、typeof一样,都是关键字,后面要加空格。 函数名字的命名规定,和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头...原创 2019-01-19 14:18:26 · 11757 阅读 · 1 评论 -
JavaScript-运算符,算术运算符,比较运算符,逻辑运算符,三元运算符,运算符的优先级,自增,自减,取余等
JS中的运算符运算时,只能进行同类型运算。如果类型不同,将进行类型转换。1、算术运算符:+、-、*、/、%、++、– var a = 10; var b = a + 10; // b = a+10 = 10+10=20注意:(1)如果"+"左右两个操作数,都是数值的话,将执行"加法"运算。(2)如果"+"左右有一个操作数是字符的话,那么,另一个值将转成字符串。这两个操原创 2019-01-11 16:54:08 · 626 阅读 · 0 评论 -
JavaScript-for、while、do...while 循环语句的使用方法、break、continue 语句如何结束循环及二者的区别
for循环:先判断,只要条件成立,就重复不断的执行循环体代码for(变量初始化 ; 条件判断 ; 变量更新){循环体代码;} 功能:控制某段代码的重复执行; 变量初始化: 一般为赋值表达式,给控制变量赋初值; 条件判断: 关系表达式或逻辑表达式,循环控制条件; 变量更新: 一般为赋值表达式,给控制变量增量或减量。 循环体代码:循环代码块,当有多条语句时,必须使用复合语句。fo...原创 2019-01-11 15:48:03 · 1083 阅读 · 0 评论 -
JavaScript- if...else、switch 条件判断语句的使用详解
if条件判断语句: 条件成立,执行什么代码;条件不成立,执行什么代码结构一:只判断真(true),条件为假,什么也不做 if(条件判断:判断结果是一个布尔值){ 条件为真(true),执行的代码 }示例: var age = 20; if(age >= 18){ window.alert('小伙子,可以看这电影了,嘿嘿嘿!'); }结构二:既判断真,也判断假...原创 2019-01-11 13:37:09 · 757 阅读 · 0 评论 -
JavaScript-数据类型的转换,其它类型转成布尔型,其它类型转成字符型,其它类型转成数值型
常用的三个客户端输出方法document.write(str)功能:在网页的&amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;gt;标记,输出str的内容 document是一个文档对象,代表整个网页。 write()是document对象的一个输出方法。 &amp;amp;amp;amp;quot;.&amp;amp;amp;amp;quot;:通过小数点来调用对象的方法。原创 2019-01-11 11:40:13 · 674 阅读 · 0 评论