文章分类 - JavaScript
摘要：工厂函数 理解：可以用来创建实例的函数，这样每一个实例都是独立的，互不影响。 // 如果调用的时候没有传参则默认color为redfunction cat(color='red') {// return一个对象 return { type: 'cat', color } } // 上述是一个带默认参
阅读全文
摘要：name:'小明', age:18, say:{ one:'11111' }, arr:[1,2,3] } // 判断是否是对象类型（包含arr和obj），是的话递归该函数 function copy(options){ // instanceof可判断引用对象的类型，typeof 判断数组和对象都
阅读全文
摘要：let obj = { name:'AAA', age:18 } // 1,新建新对象，复制原来对象的值 let obj1 = { name:obj.name, age:obj.age } obj1.name = 'BBB' // console.log(obj); // AAA // consol
阅读全文
摘要：let arr = [] console.log(arr); console.log(arr.hasOwnProperty('length')); // 本身就有的属性 true console.log(arr.hasOwnProperty('concat')); // 原型上的方法不能用hasOw
阅读全文
摘要：let obj = { person:{ name:'ada', age:18 } } let {person:{name,age}} = obj
阅读全文
摘要：举个栗子： let name = { user: "Joker", get: function () { return function () { return this.user } } }; let a = name.get(); console.log(a()); 可能有些小伙伴会觉得，打印的
阅读全文
摘要：1.从功能上看,这两种访问对象属性的方法没有任何区别。 但方括号语法的主要优点是可以通过变量 来访问属性。 举个栗子： let arr = [ { id:0, price:10, click:1 }, { id:1, price:999, click:6 }, { id:2, price:5, cl
阅读全文
摘要：立即调用（call now） 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变
阅读全文
摘要：demo1：传入引用类型的参数 function Push(arr) { //参数是基本类型的话传的是值，是引用类型的话，传递地址，会影响到引用对象 arr.push(1); } var b = []; Push(b); console.log(b); demo2：获取不指定个数的参数，argume
阅读全文
摘要：// test.js(function(window){ // do something function fn(){ console.log('fn'); } function fn1(){ console.log('fn1'); } window.exportName = {fn,fn1} })
阅读全文
摘要：浏览器解析html文件时，从上向下解析构建DOM树。当解析到script标签时，会暂停DOM构建。先把脚本加载并执行完毕，才会继续向下解析。js脚本的存在会阻塞DOM解析，进而影响页面渲染速度。 我们可以做以下处理： 将script标签放在html文件底部，避免解析DOM时被其阻塞 延迟脚本 在sc
阅读全文
摘要：<div id="box"></div> function prototype(el){ // 展示原型链结构，一直往上找，直到找到Object let p = Object.getPrototypeOf(el) console.log(p); Object.getPrototypeOf(p)?pr
阅读全文
摘要：let str2 = 'youarewelcome' console.log(str2.slice(2)); // uarewelcome console.log(str2.substring(2));// uarewelcome console.log(str2.substr(2)); // ua
阅读全文
摘要：demo let str3 = 'hello,word' console.log('检索不到返回-1',str3.indexOf('a')); //检索不到返回-1 console.log(str3.lastIndexOf('e',5));//返回一个指定的字符串值最后出现的位置，在一个字符串中的指
阅读全文
摘要：a++ 和 ++a 的区别： （1）a++ ：存储新值，用旧值（上一个值）来计算，也就是输出旧值； （2）++a ：存储新值，用新值（当前的值）来计算，也就是输出新值； 2.实例： （1） var a = 0; console.log(a++) //输出0 // 1 存储新值 // 0 用旧值计算（
阅读全文
摘要：这两个都是css3选择器，odd是奇数行，even是偶数行。 ul li:nth-child(odd){ background-color: lightgreen; } 以上样式表示奇数行的li背景色为浅绿色。
阅读全文
浙公网安备 33010602011771号