网站建设费如何做账,志愿服务网站建设中标公告,舆情监测系统的报价,恒华大厦做网站公司变量类型和计算
1.值类型和引用类型的区别 常见值类型:undefined(定义undefined只能用let,不能用const)、字符串、bool、number、 Symbol; 常见引用类型: 对象, 数组、null(特殊引用类型,指针指向为空地址) 、function(特殊引用类型); 值类型的值直接存储在栈中;引用类型值存储…变量类型和计算
1.值类型和引用类型的区别 常见值类型:undefined(定义undefined只能用let,不能用const)、字符串、bool、number、 Symbol; 常见引用类型: 对象, 数组、null(特殊引用类型,指针指向为空地址) 、function(特殊引用类型); 值类型的值直接存储在栈中;引用类型值存储在堆中,栈中存储的是内存地址;
2.typeof能判断哪些类型 所有的值类型、函数、识别引用类型(不能在细分只能识别到是不是object)
3. 深拷贝浅拷贝 浅拷贝 赋值给一个新对象,如果是基本数据类型,赋予的直接是值,如是引用类型数据,赋予的则是内存地址, 引用对象赋值不是浅拷贝,因为没有产生新的对象,只是新增了指向同一内存地址的指针。常用浅拷贝方法:object.assign()、…展开语法、Array.prototype.concat()拷贝数组、Array.prototype.slice()拷贝数组
深拷贝 赋值给一个新对象会在堆内存当中为新对象建立空间跟原对象不共享内存完全分离。 22年3月起有原生深拷贝方法了 structuredClone 此方法可能无法在较旧的设备或浏览器中工作。
手写简易深拷贝 注意判断值类型和引用类型 注意判断是数组还是对象 递归遍历
function deepClone(obj{}){if(typeof obj !object || obj null){return obj; // 不是对象和数组 直接返回}let res obj instanceof Array ? [] : {};for(let key in obj){if(obj.hasOwnProperty(key)){// 保证key 不是原型的属性res[key] deepClone(obj[key])}}return res;
}4.何时使用 何时使用 会尝试做类型转换使两边相等, 所以除了 null 之外, 其他一律用 原型和原型链
1. 如何准确判断一个变量是不是数组 使用instanceof 判断是不是在数组的原型链上 2.手写一个简易的jQuery考虑插件和扩展性 class jQuery{constructor(selector){const res document.querySelectorAll(selector)const length res.length;for(let i 0; i length; i){this[i] res[i]}this.length length;this.selector selector;}get(index){return this[index];}each(fn){for(let i 0; ithis.length; i){const elem this[i];fn(elem);}}on(type,fn){return this.each(elem {elem.addEventListener(type, fn, false);})}}3. class 的原型本质怎么理解 class本质就是function的一个语法糖因为JS中没有类Class这个概念所以JS的设计者使用了构造函数来实现继承机制。 4. 原型链 原型链 JS的每个函数在创建的时候都会生成一个属性prototype这个属性指向一个对象这个对象就是此函数的原型对象。该原型对象中有个属性为constructor指向该函数。每个通过该构造函数创建出来的实例对象都有隐式原型__proto__;实例的__proto__指向对应函数的prototype;获取实例的属性时先在自身属性中寻找如果找不到就通过__proto__ 寻找对应构造函数的prototype如果还未找到就会去该构造函数的prototype的__proto__,这样一层一层向上查找就会形成一个链式结构这就是原型链。 作用域和闭包
1.this的不同应用场景如何取值 所有的自由变量的查找是在函数定义的地方向上级作用域查找而不是在函数执行的地方 this取什么样的值是在函数执行的地方确定的不是函数定义的地方
当作普通函数调用 返回 window使用call apply bind 传入什么绑定什么作为对象方法调用就返回对象本身在calss的方法中调用时是实例本身在箭头函数中永远会找上级作用域中的this确定 2.手写bind函数 Function.prototype.bind1 function(){// 将参数拆解为数组const args Array.prototype.slice.call(arguments)// 获取this 数组第一项const t args.shift();// fn1.bind(...) 中的fn1const self this;// 返回一个函数return function(){return self.apply(t, args);}}3.实际开发中闭包的应用场景举例说明 闭包让你可以在一个内层函数中访问到其外层函数的作用域。因为使用闭包会包含其他函数的作用域会比其他函数占据更多的内存空间不会在调用结束之后被垃圾回收机制回收多度使用闭包会过度占用内存造成内存泄漏。 retur一个内部函数读取内部函数的变量 function f1(){let n 999;function f2(){console.log(n)}return f2;}let res f1();res(); // 999函数作为参数 let n 999;function f1(){let n 1000;function f2(){console.log(n);}return f2}function f3(p){let n 1001;p();}f3(f1());//1000自执行函数、使用回调函数就是在使用闭包 let n 100;
(function f1(){console.log(n);
})() //100使用回调函数就是在使用闭包 window.p 999;setTimeout(function f1(){console.log(window.p);},1000)封装对象的私有对象和私有方法
let counter (function(){let privteCount 0;function change(val){privteCount val;}return {add:function(){change(1);},remove:function(){change(-1);},value:function(){return privteCount;}}})();console.log(counter.value());//0
counter.add();
counter.add();
console.log(counter.value());//2
counter.remove();
console.log(counter.value());//1
异步和单线程
1.同步和异步的区别是什么 JS是单线程语言只能同时做一件事儿; 浏览器和nodejs已支持js启动进程如web worker;js和DOM渲染共用一个线程因为JS可修改DOM结构。 基于JS是单线程语言,异步不会阻塞代码执行同步会阻塞代码执行。 2. 前端使用异步的场景有哪些
网络请求 如ajax图片加载定时任务 如setTimeout
