摘要: 展开运算符(…),将一个数组进行展开,不会修改原数组 <body> <script> /* 展开运算符(…),将一个数组进行展开,不会修改原数组 */ let arr = [1, 3, 3, 7, 91]; console.log(...arr); //[1, 3, 3, 7, 91] consol 阅读全文
posted @ 2022-11-29 23:43 噢噢噢J 阅读(662) 评论(0) 推荐(0) 编辑
摘要: ...剩余参数允许我们将一个不定数量的参数表示为一个数组 总结: 1. `...` 是语法符号,置于最末函数形参之前,用于获取多余的实参 2. 借助 `...` 获取的剩余实参,是个真数组 3. 开发中,还是提倡多使用**剩余参数** ...剩余参数 是一个真数组 <body> <script> / 阅读全文
posted @ 2022-11-29 23:28 噢噢噢J 阅读(24) 评论(0) 推荐(0) 编辑
摘要: arguments是动态参数:1.函数内置的js对象 可以接收所有的实参 <body> <script> // arguments是动态参数:1.函数内置的js对象 可以接收所有的实参 // 2.是一个伪数组 不具有数组的方法 function fun() { // console.log(argu 阅读全文
posted @ 2022-11-29 23:25 噢噢噢J 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 预解析(js)var 先声明提升 再函数声明提升 变量提升是 JavaScript 中比较“奇怪”的现象,它允许在变量声明之前即被访问, 只有var 关键字声明变量,会存在变量提升 总结: 变量在未声明即被访问时会报语法错误 变量在声明之前即被访问,变量的值为 undefined let 声明的变量 阅读全文
posted @ 2022-11-29 23:22 噢噢噢J 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1.创建了一个对象 2.构造函数中的this指向新创建的实例对象 3.执行函数体 4.自动反回这个函数(构造函数不需要return) 阅读全文
posted @ 2022-11-29 23:12 噢噢噢J 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 什么是垃圾回收机制: 垃圾回收机制是js内置的一种管理机制 它会自动分配内存 和自动回收不再使用的内存 垃圾回收机制的两种算法:引用计数法 标记清除法 引用计数:(最早IE采用的引用计数算法 现在已经不在使用了):(就是看有没有被引用) 记录值被引用的次数 引用一次就+一次 多次引用会进行累加 如果 阅读全文
posted @ 2022-11-29 23:02 噢噢噢J 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 函数适用于封装方法的 构造函数就是用于封装对象的 1.构造函数 首字母大写 2.调用通过new new 函数名() 3.通过this添加属性 // function Pig(name, age) { // this.name = name; //注意必须是 =号 不可以是:号 // this.age 阅读全文
posted @ 2022-11-29 20:46 噢噢噢J 阅读(26) 评论(0) 推荐(0) 编辑
摘要: Object的静态方法 <body> <script> let obj = { name: "lw", age: 6, sex: "未知", }; // Object的静态方法 // 1.Object.keys(对象名)获取所有的属性名 console.log(Object.keys(obj)); 阅读全文
posted @ 2022-11-29 20:40 噢噢噢J 阅读(19) 评论(0) 推荐(0) 编辑
摘要: toFixed()用于保留两位小数 <body> <script> // toFixed(指定保留小数的个数) 方法可以让数字指定保留的小数位数 会进行四舍五入 const num = 3.1415926778899; console.log(num.toFixed(2)); //保留2位小数 co 阅读全文
posted @ 2022-11-29 20:26 噢噢噢J 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 函数:就是封装重复执行的代码块 function 是声明函数的关键字 必须小写 函数命名一般为动词 函数声明必须调用否则不生效(调用要加小括号()) 函数封装就是把 一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的接口 方便多处调用 在函数声明时,可以字函数名称后面的小括号里面添加一些参 阅读全文
posted @ 2022-11-29 20:23 噢噢噢J 阅读(43) 评论(0) 推荐(0) 编辑
摘要: <body> <script> // map // Array.prototype.Mymap = function (callback) { // let newArr = [] // // console.log(this); // arr [1,5,6] // for (let i = 0; 阅读全文
posted @ 2022-11-29 20:11 噢噢噢J 阅读(19) 评论(0) 推荐(0) 编辑
摘要: <body> <script> // 自己定义 数组扩展方法 求和 和 最大值 // console.dir(Array); // console.log(Array.prototype); // Array.prototype.Max = function () { // console.log( 阅读全文
posted @ 2022-11-29 20:10 噢噢噢J 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 检测数据类型的方法: 1.instanceof 2.typeof 3. 终极检测类型 Object.prototype.toString.call() 1.instanceof 检测出来的返回值是一个布尔值 可以检测复杂数据类型/引用型数据类型Object function (但是无法准确检测Arr 阅读全文
posted @ 2022-11-29 19:53 噢噢噢J 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 原型: 每个构造函数身上都有一个prototype原型 原型身上有一个对象 被称为原型对象 (构造函数的this和原型上的this都指向实例化对象) <body> <script> function Star() {} Star.prototype.sing = function () { cons 阅读全文
posted @ 2022-11-29 19:41 噢噢噢J 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 语法结构 强壮代码 try{ 可能会错的代码 }catch(err){ 捕获错误 }finally{ 不管语法正确错误都会执行 不会影响后面代码的执行 } <body> <p>123</p> <script> /* 语法结构 强壮代码 try{ 可能会错的代码 }catch(err){ 捕获错误 } 阅读全文
posted @ 2022-11-29 17:32 噢噢噢J 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 递归函数 :自己调用自己 1.使用递归一定要有一个结束条件 否则会出现栈溢出 变成死循环 成为死地归 <body> <script> // let i = 0; // function fn() { // console.log("我是递归 必需要有结束条件 不然就是四递归了"); // i++; 阅读全文
posted @ 2022-11-29 17:24 噢噢噢J 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 改变this指向的方法 call、apply、bind、箭头函数 call apply bind 的区别 共同点: call apply bind 箭头函数 都可以改变this的指向 (箭头函数也可以改变this的指向 因为箭头函数没有this指向 他的this和它的外层作用域保持一致) 区别: 1 阅读全文
posted @ 2022-11-29 17:05 噢噢噢J 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 防抖节流区别 怎么实现的 防抖:指在触发事件后n秒内函数只执行一次(确定不在更改时执行) 如果在n秒内再次被触发则时间会被重新计算 如:王者里面的回城 如果回城终端 则会重新计算回城时间 使用什么实现:使用闭包实现 或者lodash(使用时引入js插件)_.throttle(func函数, [wai 阅读全文
posted @ 2022-11-29 16:38 噢噢噢J 阅读(40) 评论(0) 推荐(0) 编辑
摘要: <body> <script> // // 函数表达式 // const fun = function () { // console.log("我是函数表达式"); // }; // fun(); //不可以在下面调用 匿名函数没有函数提升 // 箭头函数 不存在函数提升 // const fun 阅读全文
posted @ 2022-11-29 16:24 噢噢噢J 阅读(14) 评论(0) 推荐(0) 编辑
摘要: this的指向:this的指向和它的调用方式有关 1.普通函数调用: 匿名函数调用 定时器的调用 此时this指向window 2.事件处理函数: this指向触发事件的事件源 3.开启严格模式的情况下: 普通函数的this指向undefined 4.对象中this:指向这个对象 5.方法调:用则指 阅读全文
posted @ 2022-11-29 16:19 噢噢噢J 阅读(10) 评论(0) 推荐(0) 编辑