Document /* 1.什么是函数...函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数 2.什么是方法?...方法就是显示的和其它的类绑定在一起的, 我们就称之为方法 3.函数和方法的区别 3.1函数可以直接调用, 但是方法不能直接调用, 只能通过对象来调用 3.2...函数内部的this输出的是window, 方法内部的this输出的是当前调用的那个对象 4.无论是函数还是方法, 内部都有一个叫做this的东东 this是什么?...(this); } demo();//window //方法 let obj={ name:"cyg",
考核内容: js 脚本调用 题发散度: ★★ 试题难度: ★★ 解题思路: 外部的 JavaScript 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代 码。...外部 JavaScript 文件的文件扩展名是 .js。...如需使用外部文件,请在 标签的 "src" 属性中设置该 .js 文件: 答案 B....
大家好,又见面了,我是你们的朋友全栈君。 js中的join方法 join方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。...大白话:join方法可以用符不同的分隔符来构建这个字串。join方法值接受一个参数,即用作分隔符的字符串,然后返回所有数组项的字符串。...var arr = ["red","yellow","blue"]; var array = []; 下面开始调用join方法 1 array = arr.join(undefined); console.log...因为join方法的参数不传或者传入undefined会默认用逗号分隔。...Array.isArray(array)); console.log(typeof array); 输出结果为:false String 如果用join来分隔数组的话,这个变量就会变成字符串类型,就算之前是数组也会变成字符串类型
Js中fetch方法 fetch()方法定义在Window对象以及WorkerGlobalScope对象上,用于发起获取资源的请求,其返回一个Promise对象,这个Promise对象会在请求响应后被resolve...body: 请求的body信息:可能是一个Blob、BufferSource、FormData、URLSearchParams或者USVString对象,注意GET或HEAD方法的请求不能包含body信息...referrer: 一个USVString可以是no-referrer、client或一个URL,默认是 client。...javascript" }); headers.append("accept", "application/xml"); headers.set("user-agent", "Mozilla/5.0 (Windows...Headers.get(): 以ByteString的形式从Headers对象中返回指定header的全部值。
大家好,又见面了,我是你们的朋友全栈君。...slice() var array = [1,5,3,9,8]; var cut = array.slice(1,4); console.log(cut); 打印出的结果是 [5, 3, 9] 值得注意的是...,slice()不会操作原有数组,所以打印array的话,是不会变的 var array = [1,5,3,9,8]; var cut = array.slice(1,4); console.log(cut...); console.log(array); 打印结果是 [5, 3, 9] [1, 5, 3, 9, 8] 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140749
大家好,又见面了,我是你们的朋友全栈君。 indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法。...,如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js底层代码中String.prototype.indexOf()使用的是==进行比较判断; Number类型的IndexOf...() 醒醒,Number类型哪来的indexOf()方法,会直接报错的好吗, 如果想对数值类型的进行查询索引,可以将数值转换为字符再进行查询,方法有很多: – String() – .toString...,也就是说Array.prototype.indexOf()底层代码在实现的时候使用的是强等于=== 严格比较; 总结 string中indexOf() 会将数值参数转换为字符再查询索引; number...类型没有IndexOf() 可以转换为字符再使用 array中indexOf() 是严格比较 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158304.html原文链接
js中有深拷贝和浅拷贝两种复制形式,下面总结一下常用方法,方便平时工作复习使用 一、浅拷贝 1、json对象浅拷贝 var newObj = JSON.parse(JSON.stringify( someObj...*/ 二、深拷贝 1、借助lodash的merge方法 import merge from "lodash/object/merge"; function commentsById(state = {...var obj2 = JSON.parse(JSON.stringify(obj1)) 熟悉js的人对这两个方法肯定不陌生,利用原生JSON对象的两个可以非常方便地实现对象的深复制。...这种方法也有弊端: 只能复制能用json表示的属性,比如String、Number、Array等,对于不能用json表示的属性例如Function、Regexp等则会丢失 对象的原型链丢失 复制效率较低...clone(value) : value } } return newObj } 这种方式与上面浅复制的遍历对象方式相比只是多了递归调用,即判断对象的属性是否也为对象,是则递归调用遍历这个对象
大家好,又见面了,我是你们的朋友全栈君。 JavaScript中的splice主要用来对js中的数组进行操作,包括删除,添加,替换等。
大家好,又见面了,我是你们的朋友全栈君。...方法,最后通过setter方法给属性赋值。...在调试时发现是 getWriteMethod()方法返回了 null(也就是获取不到setter方法),导致后续没有执行赋值操作。 为什么呢?...解决办法: 1、去掉 Accessors 注解 2、摸索中… 发现了这个 Introspector.findMethod(Class cls, String methodName, int argCount, Class args[]); 能按方法名获取Method对象,那么要自己实现转换逻辑,可以尝试,摸索中… ---- end
JavaScript中的math 对让我们能够对执行一些数学操作。 它具有数学常数和函数的属性和方法。 在今天的文章中将介绍 Math对象的一些有用方法。 1....Math.min() Math.min()是 js 数学库中的函数,用于将所有传递的值中的最小值返回给该方法。...Math.max() Math.max()方法可返回两个指定的数中带有较大的值的那个数。 Math.max(0, 150, 30, 20, -8, -200) // 150 3.
一、reduce 方法 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。...也就是说,这个累加器会从第一个累加值开始,不断对累加值和数组中的后续元素调用该累加器,直到数组中的最后一个元素,最后返回得到的累加值。...total = items.reduce(reducer, { sum: 1 }); console.log(total); // {sum: 1111} ③ 多维度的数据叠加 使用 reduce 方法可以完成多维度的数据叠加...如上例中的初始值 {sum: 0},这仅仅是一个维度的操作,如果涉及到了多个属性的叠加,如 {sum: 0,totalInEuros: 0,totalInYen: 0},则需要相应的逻辑进行处理 在下面的方法中...,采用分而治之的方法,即将 reduce 函数第一个参数 callback 封装为一个数组,由数组中的每一个函数单独进行叠加并完成 reduce 操作。
JS中的数组方法总结 Array.push() 向数组的末尾添加一个或者多个元素,并返回新的长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为...(arr) //打印结果 [1,2,3,4] Array.concat(arr1,arr2) 连接2个或者更多的数组,并返回连接后的新数组,该方法不会改变原数组 let arr1 = [1,2,3...) //结果 2 Array.findIndex() 返回数组中符合条件的第一个元素的下标,若数组中没有元素符合要求则返回-1,不改变原数组 let arr = [1,2,3] console.log...console.log(arr.lastIndexOf(2)) // 4 console.log(arr.lastIndexOf(2,2)) // 1 Array.isArray() 判断对象是否为数组,是返回...,它们都返回一个遍历器对象,entries是对键值对遍历,values是对键值遍历,keys是对键名遍历 let arr = [“a”, “b”, “c”] let item = arr.entries
大家好,又见面了,我是你们的朋友全栈君。...javascript 判断是否为数字,js 判断数字,javascript 判断数字,js 判断是否是数字 最简单的方法,当然还有其他的方法 例如正则表达式 //isNaN("要判断的变量") function
我们知道 Javascript引擎是单线程的,而setTimeout方法的作用是延后执行目标代码,同时还可以继续往下执行 setTimeout是如何实现的?...这涉及到了浏览器内核的事件循环模型,在Javascript引擎之外,有一个任务队列,当执行到setTimeout时,延时方法会交给内核其他模块处理(与执行引擎主线程独立),当延时方法到达触发条件,这一延时方法被添加至任务队列里...,执行引擎在主线程方法执行完毕后,会从任务队列中顺序获取任务来执行,这一过程是一个不断循环的过程,称为事件循环模型 下面通过一段示例代码,看一下整个执行过程 console.log('1'); setTimeout...(4)在setTimeout方法执行5秒后,timer模块检测到延时处理方法到达触发条件,于是将延时处理方法加入任务队列 ?...(5)执行引擎的执行栈为空后,引擎开始轮询检查任务队列是否有任务需要被执行,就检查到延时方法test,于是将延时方法加入执行栈,test方法调用了log()方法,于是又将log(2)方法入栈执行,输出2
大家好,又见面了,我是你们的朋友全栈君。 append():前面是被插入的对象。最后面增加子元素,父子级关系。 appendto():后面是被插入对象。最后面增加子元素,父子级关系。...prepend():前面是被插入对象。最前面增加子元素,父子级关系。 prependTo():后面是插入对象。最前面增加子元素,父子级关系。 before():前面是插入对象。...after():前面是插入对象。之后加入元素,同级关系。 insertbefore():后面是插入对象。之前加入元素,同级关系。 insertafter():后面是插入对象。之后加入元素,同级关系。...DOCTYPE html> js中常用追加元素的几种方法 <script src="JQ 源码/jquery-1.8.3.min.<em>js</em>
---在JavaScript中,有几种常用的方法可以用来遍历对象:for...in循环使用for...in循环可以遍历一个对象中的所有可枚举属性。它会将属性名逐个赋值给循环变量,并执行循环体内的代码。...for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); }}在遍历过程中,属性名会被赋值给循环变量...对象的属性在内部存储时是没有固定顺序的,因此遍历顺序不一定与属性定义的顺序相同。...你可以选择其中一种方法根据需要遍历对象的属性。Object.keys()方法结合forEach()循环Object.keys(obj)会返回一个包含对象自身可枚举属性的数组。...我们可以使用forEach()方法来遍历这个数组,并对每个属性进行操作。
大家好,又见面了,我是你们的朋友全栈君。...vue项目中,需要把 moment.js 挂载到全局上(即vue的原型链上),访问时直接使用 this.moment() ; vue项目中不挂载到全局,单文件(单组件)使用: ==>...获取星期几 获取星期几: this.moment().day() 或 this.moment(startDate).day() ==>> 当前日期/指定日期 是星期几(星期日为 0、星期六为...获取时、分、秒 原理:利用字符串的 split 方法拆分时分秒,然后分别用moment的 hour、minute 和 second 方法;带有日期的可以用 .valueof() 方法。...可以用 format 转换为自己想要的格式,也可以用 diff 方法做时间差的计算 10.
给大家分享一个用原生JS编写的拖拽及拖拽方法继承的 小Demo,代码如下。 原生JS...中的拖拽方法继承 #div1 { width: 100px; height: 100px;...}; window.onload = function () { // div1在拖动过程中没有边界限制...new Drag('div1'); // div2在拖动过程中通过将方法改写加上边界限制 new LimitDrag('div2
JS中的字符串方法总结 charAt(i) 将字符串中下标为 i 的字符返回,下标从0开始。...编码转换为字符串返回 console.log(String.fromCharCode(97,98,99)) // ‘abc’ str.indexOf(start) 查询一个字符或一段字符串在总字符串中第一次出现的下标位置...let zz = /.png$/ let str = ‘logo.png’ console.log(str.search(zz)) // 4 str.slice(参数1,参数2) 提取字符串中的某个部分.../ [‘hell’,’ w’,‘rld’] console.log(str.split(‘o’,2)) // [‘hell’,’ w’] substr(start,[length]) 从字符串中抽取从...用于提取两个下标之间的字符(不包括end) let str = ‘hello world’ console.log(str.substring(2,3)) // ‘l’ toLowerCase() 将字符串中的字母变为小写
如果数组元素是数字的话会得到错的结果,这时需要使用有参的方法。...如果 a 是一个变量存储的为一个Number型数值 2,则 a.toString()方法会返回 该数值的字符串表达形式 “2”; 此处Array的toString()方法和类的toString()方法不同...Arrays的toString方法是返回指定数组内容的字符串表示形式。...三.对sort(sortby)方法的理解: sort()方法主要依靠其回调函数来进行排序,回调函数中需要两个参数,在执行sort()方法时会调用回调函数,这时会将调用sort()方法的数组中的元素作为实参两两依次作为回调函数实参传入...以上是关于JS中sort函数的小结,后续遇到新的问题再继续更新!
领取专属 10元无门槛券
手把手带您无忧上云