![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js合集
帅丁丁
这个作者很懒,什么都没留下…
展开
-
获取dom方法封装
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素// 获取dom方法封装getDomItem(type, name) { return document.querySelector(`[${type}="${name}"]`);}// 上图获取dom可以写为this.getDomItem("class", "example").style.backgroundColor = "yellow";this.getDomItem("id", "example")..原创 2020-11-26 15:49:18 · 189 阅读 · 0 评论 -
新手正则表达式小笔记
var reg = new RegExp(‘a’);这个正则表达式可以检查一个字符串中是否含有a可以是 i 忽略大小写 g 全局匹配模式var reg = new RegExp('a');var Nreg = new RegExp('a','i');console.log(reg.test('Abcccc'))console.log(Nreg.test('Abcccc'))var str = 'a';console.log(reg)console.log(typeof reg)var re原创 2020-09-29 13:30:50 · 170 阅读 · 0 评论 -
call apply函数调用及this
call()和apply()这两个函数对象的方法,需要通过函数对象来调用当对函数调用call()和apply()都会调用函数执行在调用call和apply()可以将一个对象指定为第一个参数此时这个对象将会成为函数时执行时的thiscall()方法可以将实参在对象之后依次传递apply()方法需要将实参封装到一个数组中统一传递this的情况:1.以函数的形式调用时,this永远都是window2.以方法的形式调用时,this是调用方法的对象3.以构造函数的形式调用时,this是新创建的那个原创 2020-09-23 15:32:22 · 186 阅读 · 0 评论 -
数组的concat join reverse sort
concat()可以连接两个或多个数组,并将新的数组返回该方法不会对原数组产生影响var arr = ['孙悟空','猪八戒','沙和尚'];var arr2 = ['白骨精','玉兔精','蜘蛛精'];var arr3 = ['二郎君','太上老君','玉皇大帝'];var result = arr.concat(arr2,arr3,'牛魔王','铁扇公主');console.log(result)join()该方法可以将数组转换为一个字符串该方法不会对原数组产生影响,而是将转化后的字原创 2020-09-22 16:42:21 · 106 阅读 · 0 评论 -
数组方法forEach slice splice去重
forEach()方法需要一个函数作为参数像这种函数,由我们创建但是不由我们调用的,我们称为回调函数数组中有几个元素就会执行几次,每次执行时,浏览器将会遍历到元素以实参的形式传递进来,我们可以定义形参,来读取这些内容浏览器会在回调函数中传递三个参数第一个参数,就是当前正在遍历的元素第二个参数,就是当前正在遍历的元素的索引第三个参数,就是正在遍历的数组var arr = ['孙悟空','猪八戒','沙和尚','唐僧','白骨精'];arr.forEach(function(value,ind原创 2020-09-21 16:17:49 · 809 阅读 · 0 评论 -
js质数练习
var num = prompt("请输入一个大于1的整数:");if(num <=1 ) { alert("该值不合法") } else { var flag = true; for(var i = 2;i < num; i++) { if(num % i == 0) { flag = false } } if(flag) { alert(num + "是质数!!") } }...原创 2020-09-17 15:31:03 · 112 阅读 · 0 评论 -
构造函数和原型对象的理解
构造函数就是类 对象 使用instanceof可以检查一个对象是否是一个类的实例 对象instanceof 构造函数function Person(name,age,gender) { this.name = name; this.age = age; this.gender = gender; this.sayName = function(){ alert('Hello大家好,我是'+this.name); };}var per = new Person('孙悟空',1原创 2020-09-17 14:29:38 · 98 阅读 · 0 评论 -
js中的this指向理解谁调用指向谁
根据函数的调用方式不同,this会指向不同的对象1、以函数的形式调用时,this永远都是window2、以方法的形式调用时,this就是调用方法的那个对象function fun() { console.log(this.name);}var obj1 = { name:'孙悟空', sayName:fun,}var obj2 = { name:'猪八戒', sayName:fun,}var name = 'name属性'obj1.sayName() // 孙悟空原创 2020-09-16 14:28:28 · 537 阅读 · 0 评论 -
栈内存和堆内存的简单理解
栈内存js中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中存储值与值之间是独立存在,修改一个变量不会影响其他的变量var a = 123;var b = a;a++;console.log('a='+a); 124console.log('b='+b); 123堆内存对象是保存到堆内存中的 每创建一个新的对象 就会在堆内存中开辟出一个新的空间而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用 当通过一个变量修改属性时 另一个也会原创 2020-09-16 10:09:15 · 301 阅读 · 0 评论 -
测试js运行时长 console.time(‘test‘)
console.time('test')for(var i =2;i<=10000;i++) { var flag = true for(var j = 2;j<i;j++) { if(i%j == 0) { flag = false; break; } } if(flag) { // document.write(i+' ') }}console.timeEnd('test');break 终止程原创 2020-09-15 14:54:17 · 200 阅读 · 0 评论 -
js数组翻转斐波那契数列
1、数组翻转function reverseArray(arr) { for (var i = 0; i < arr.length/2; i++) { var temp = arr[i]; arr[i] = arr[arr.length-1-i]; arr[arr.length-1-i] = temp; } return arr;}var nums1 = [10,14,8,5,88]nums1 = reverseArray(nums1)console.log(nums1)原创 2020-09-11 14:36:03 · 308 阅读 · 0 评论 -
js数组最大值冒泡排序
1、数组最大值var nums = [10,8,99,66,3]var max = nums[0];for (var i=0;i<nums.length;i++) { if(nums[i] > max) { max = nums[i] }}console.log(max) 99原创 2020-08-19 11:10:03 · 333 阅读 · 0 评论 -
断点调试debug
方法一 如上图 调试台找sources 打断点 Watch添加变量观察 变化var num = 100;var name = "why";num = num + 25;name = "kobe";while(num < 100) { num += 2;}num = 55;方法二 直接代码中间写debugger 然后刷新页面var num = 100;var name = "why";debuggernum = num + 25;name = "kobe";原创 2020-08-18 15:28:10 · 107 阅读 · 0 评论 -
js循环笔记
1、打印10次hello worldvar i = 0;while(i<10) { console.log('hello world') i++}2、打印0-99var i = 0;while(i<100) { console.log(i); i++}for(var i=0; i<100; i++) { console.log(i)}3、计算0-99之和var i = 0;var total = 0;while(i<100) { tot原创 2020-08-18 10:49:32 · 247 阅读 · 0 评论 -
js或与运算符笔记
1、与运算特殊的特殊用法var info = { eating: function() { console.log('吃东西') } }info.eating && info.eating()console.log('----')eating存在则执行 不存在则执行后面的代码 输出吃东西2、或运算的特殊用法var info = { name:'shuaidingding', age:18, height:188, eat原创 2020-08-17 09:43:22 · 177 阅读 · 0 评论