JS
关注
分享
扫一扫
JS
小森呀
这个作者很懒，什么都没留下…
展开
-
prototype
prototype 显式原型属性 构造函数的属性 默认指向一个空的Object对象 __proto__ 隐式原型属性 实例对象的属性 - constructor - 实例对象的属性 可以获取构造函数 注意：实例对象.__proto__===对应构造函数.prototype...原创 2021-12-12 11:56:50 · 252 阅读 · 0 评论 -
new原理
构造函数 特殊的函数，类型是函数 实例对象 new关键字通过构造函数创建出来的实例对象，类型是对象 new 关键字 new原理1.创建一个空对象2.将空对象原型的内存地址__proto__指向函数的原型对象3.利用函数的call方法，将原本指向window的绑定对象this指向了obj4.利用函数返回对象objfunction a(name) { this.name = name; return this; } va原创 2021-12-01 22:59:22 · 526 阅读 · 0 评论 -
this指向
普通函数 window 严格模式 undefined 对象的方法里调用 调用该方法的对象 构造函数 创建出来的实例 定时器函数 指向 window 箭头函数 没有this，使用外层对象的this 总的原则就是this指的是调用它的对象var name = "小红"; function a() { var name = "小白"; console.log(this.name); } functio原创 2021-11-28 18:51:33 · 488 阅读 · 0 评论 -
浏览器本地存储
setItem() 增、改 removeItem() 删 clear() 清空 getItem() 查 注意：localStorage(永久)sessionStorage()临时保存的都是字符串存储空间小原创 2021-11-21 23:52:31 · 356 阅读 · 0 评论 -
变量交换（多种方法）
1.临时变量法<script> var a = 3; var b = 5; var c = b; b = a; a = c; console.log(a, b); </script>2.加减法<script> var a = 3; var b = 5; a = a + b; b = a - b; a = a - b; console.log(a, b);原创 2021-07-10 00:45:59 · 237 阅读 · 0 评论 -
==与===的区别
==会进行类型的转换，===不会进行类型的转换6==6 T 6===6 T 6==“6” T 6==6 6===“6” F true==1 T false==0 T true===1 F false===0 F ""==0 T " "==0 T null==undefined T 假值==假值 ...原创 2021-07-09 23:57:30 · 149 阅读 · 0 评论 -
js八大数据类型及转换
正常划分：Number 整数，浮点数，NaN(使用isNaN()函数来判断某个值是否是NaN)String 任何加了引号的都是字符串Boolean true,falseUndefined undefinedNull nullObject按typeof划分：NumberStringBooleanUndefinedfunctionObject转换方法：String()Number()：...原创 2020-06-27 15:36:16 · 294 阅读 · 0 评论 -
DOM
DOM：（BOM下的一个分支，为JS操作文档提供一个对象接口）节点：（任何可见的都是节点）element_node 元素节点 1attribute_node 属性节点 2text_node 文本节点 3cdata_section_node 数据碎片节点 4entity_reference_n...原创 2020-06-26 19:51:07 · 186 阅读 · 0 评论 -
JS数组常用函数
函数名 功能 格式 返回值 注意 concat() 链接多个数组或者多个值，返回新数组 数组对象.concat(值,值,……); 链接后的新数组 原数组无变化 join() 使用指定的字符将数组的所有元素链接成字符串返回 数组对象.join(指定字符); 链接后的字符串 原数组无变化 pop() 在数组的尾部...原创 2019-06-05 20:39:06 · 843 阅读 · 0 评论 -
字符串常用函数
函数名 功能 格式 返回值 注意 charAt() 返回指定位置的字符 字符串.charAt(下标); 指定位置的字符 原数组无变化 charCodeAt() 返回指定位置的字符的Unicode编码 字符串.charCodeAt(下标); 指定位置的Unicode编码 原数组无变化 indexOf() 查找第...原创 2019-06-06 18:38:14 · 179 阅读 · 0 评论 -
正则表达式
简写格式：var reg=/正则表达式/模式修饰符对象格式：var reg=new RegExp(正则表达式,模式修饰符)原子：(原子是正则表达式的基本元素，任何可见或不可见字符都是原子)\d 表示0-9之间任意一个数字\D 表示除0-9以外任意一个字符\w 表示数字，字符，下划线任意一个字符\W 表示除数字，字符，下划线以外任意一个字符\s 表示不可见字符中任意一个字符\S 表示除不可见字符以外任意一个字符 元字符：（原子修饰...原创 2020-06-26 17:07:24 · 117 阅读 · 0 评论 -
正则常用公式
str.match(reg) 返回匹配的结果及下标str.replace(reg,替换值) 返回替换后的字符串str.search(reg) 返回下标reg.test(str) 返回布尔值reg.exec(str) 返回匹配的结果及下标reg.compile(str) 返回重写后的正则规则，原规则改变...原创 2020-06-26 17:13:48 · 232 阅读 · 0 评论 -
typeof与instanceof的区别
typeof instanceof 作用 检测数据类型 检测对象之间的关联性 返回 小写字母字符串 布尔值 操作数 简单数据类型、函数或者对象 左边必须是引用类型，右边必须是函数 操作数数量 1个 2个 ...原创 2021-07-10 01:09:36 · 128 阅读 · 0 评论 -
js模块化开发（js页面通信）
使用场景：a.js需要使用b.js中的数据b.jsvar num = 123456789;//将需要用的数据暴露出去export default num;a.js-------html引入a.js的格式为<scripttype="module"src="./a.js"></script>//接收从b.js暴露出来的数据并赋值给num变量,并进行使用import num from "./module.js";console.log(num);...原创 2021-05-01 12:55:13 · 196 阅读 · 0 评论 -
中断关键字
break 结束当前函数体或循环内的代码 continue 跳出本次循环，继续执行下次循环 return 结束当前函数体或循环内的代码，返回return中的值（函数没有return时返回undefined）原创 2020-08-10 21:16:40 · 839 阅读 · 0 评论 -
运算符优先级
（） 1 !(很高)、++、-- 2 先*、/、%后+、- 3 >、>=、<、<= 4 ==、!=、===、!== 5 先&&后|| 6 = 7 ， 8原创 2020-08-10 21:03:25 · 227 阅读 · 0 评论 -
innerHTML与createElement()创建多个标签的区别
innerHTML创建多个标签 ：（性能消耗高）创建原理：1.将元素内部原来所有的内容全部取出2.将需要添加的内容与取出的内容拼接3.将拼接后的内容覆盖到原来的元素中4.重复上述过程多次createElement()创建多个标签：（性能消耗低）创建原理：1.一次性创建多个标签（创建的标签是虚拟的，并未添加到元素内部）2.将创建的标签添加到元素内部...原创 2020-06-26 20:13:17 · 1077 阅读 · 0 评论 -
js获取对象原型及构造函数
<script type="text/javascript"> function our() { this.name='andy'; this.sex='man'; this.age=16; this.say=function() { console.log(25); } } var ga=new our(); cons...原创 2019-06-09 18:47:19 · 2660 阅读 · 0 评论 -
js函数的声明与调用
一、声明函数<script type="text/javascript"> function our(a) { console.log(a); } our(12);</script>二、匿名函数<script type="text/javascript"> (function(a) { console.log...原创 2019-06-09 16:13:42 · 471 阅读 · 0 评论 -
回调函数的使用及基本格式
一、基本格式<script type="text/javascript"> function our() { }//调用函数声明 function ga() { }//被调用函数声明 our(ga);//执行调用函数</script>二、使用场景1、将调用函数中的内容取出，并在外部进行操作<script ...原创 2019-06-09 17:45:08 · 1017 阅读 · 0 评论 -
事件
<script type="text/javascript"> var our=document.getElementById('a');//根据元素的id名得到该元素 our.onclick=function()//该元素上的点击事件发生时执行的响应函数 { } </script>...原创 2019-06-06 10:15:23 · 257 阅读 · 0 评论 -
定时器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #a{ widt...原创 2019-06-11 19:14:48 · 640 阅读 · 0 评论