JavaScript的深浅拷贝知识一
“+”可以作为数字相加，也可以作为字符串拼接。如果两个操作值都是Number类型的时候，就会对两个数字相加；如果两个操作值都是字符串的时候，就会拼接字符串。
数据强制类型转换 通过自身的方法来进行数据类型的强制转换 Number(); console.log(Number(false)); //0 console.log(Number(true)); // 1 console.log(Number(90)); //90 console.log(Number(null)); // 0 console.log(Number(undefined)); // NaN console.log(Number("string")); // NaN console.log(Number…
目前有这个数据类型：undefined、 null、boolean、string、number、BigInt、Symbol、object。 object 引用数据类型，例如:Array、RegExp、Date、Math 和 Function 基础数据类型存储在栈内存中，被引用或者拷贝的时候，就会创建一个完全相等的变量； 引用数据类型存储在堆内存中，存储的是地址，多个引用指向同一个地址。 let str = { age:10, name:"duxin" }; let str1 = str; console.log(s…
const uitls = { colorToRGB: (color, alpha) => { if (typeof color === 'string' && color[0] === '#') { color = window.parseInt(color.slice(1),16); } alpha = (alpha === undefined) ? 1:alpha; var r = color >> 16 & 0xff, g = color >> 8 &a…
在ES6中，给数组添加很多新API，方便我们更简单操作数组。 扩展运算符 在实际的写法中，用三个点来表示，将数组转化为用逗号分隔的参数序列，也就是说扩展运算符可以展开数组。 const arr = [5, 92, 65, 2]; console.log(...arr);// 5,92,65,2 这个扩展运算符在给函数传参时比较常见，可以一次性将整个数组作为参数传给函数。 在ES6之前，我们时通过使用apply方法来，将数组转化为函数参数的。 function test(x, y, z) …
var idCardNoUtil = { /*省,直辖市代码表*/ provinceAndCitys: { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: "湖南", 44: "广东", 45: "广西", 46: …
const nowTime = new Date("2000-01-22").getTime() const nowDate = new Date(nowTime + 13 * 24 * 60 * 60 * 1000); nowDate.setMonth(nowDate.getMonth()); var date = new Date(nowDate) var y = date.getFullYear() var m = date.getMonth() + 1 m = m < 10 ? ('0' + m) :…
JOSN JSON是一种数据格式，是JavaScript Object Notation的缩写。JSON作为JavaScript的一个严格子集，使用了JavaScript中的一些模式来表示结构化数据。 ❏ 简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。 ❏ 对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。 ❏ 数组：数组也是一…
当我们需要计算整个数组的值的时候，最先想到的方式是循环数组，然后逐个相加减： const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var sum0 = 0; for (let index = 0; index < arr.length; index++) { sum0 = sum0 + arr[index]; } console.log(sum0) // 55 ES5新增的reduce()和reduceRight()，来归并数组【也可以说是迭代数组的所有项，…
JavaScript中常见的设计模式 工厂模式 提供一个创建实例的功能，不需要关心具体的实现。被创建的实例的类型可以是接口，也可以是抽象类或者具体类。 命名规范 类名称:模块名称+Factory 方法名称：get+接口名称或者create + 接口名称 简单工厂 例如：假设这是一个汽车店，多种型号的汽车出售 function CarShop(){} CarShop.prototype = { carsell:function(model){ var cars; switch (model) { //类型A case…
在函数（类）的内部通过this(函数内部自带的一个变量)变量添加属性或者方法来实现对类添加属性或者方法。 通过this添加属性、方法是在当前对象上添加，JavaScript是一种基于原型prototype的语言，每创建一个对象时，都会有一个原型prototype用于指向它继承的属性、方法。 然而通过prototype继承的方法并不是对象本身的，在使用这些方法时，是通过prototype一层一层查找到的。 var book = function(id,bookname,price){ this.id = id; th…
原型模式 就是用原型实例指向创建对象的类，主要用于新的对象的类共享原型对象的属性以及方法。 简单实例： /** * 图片轮播类 */ var LoopImages = function(imgArr,container){ this.imagesArray = imgArr; this.container = container; } LoopImages.prototype = { //创建轮播图 createImage:function(){}, //切换图片 changeImage:function(){} …
结构型设计模式关注如何把类或者对象组合成为更大、更复杂的结构，简化设计。包含：外观模式、适配器模式、代理模式、装饰者模式、桥接模式、组合模式、享元模式 外观模式（套餐服务）Facade 为一组复杂的子系统接口提供一个更高级的统一接口，通过该接口对I系统接口的访问更容易。 例如： /** * 外观者模式 * @param {*} dom * @param {*} type * @param {*} fn */ function addEvent(dom,type,fn){ if (dom.addEventListen…
技巧型设计模式是I通过一些特定技巧来解释组件的某些问题。主要包含链模式、委托模式、数据模式、数据访问对象模式、节流模式、简单模板模式、惰性模式、参与者模式、等待者模式。 链模式 在对象方法中将当前对象返回，实现了对同一个对象多个方法链式调用。简化了在对对象多个方法的多次调用时，对该对象多次引用。在jQuery的使用中，链式调用是最平不过了。 /** * 链模式 * 元素获取的模式 * @param selector 选择符 * @param context 上下文 */ var Dom = function(sel…
指的是一类框架结构，通过提供一些子系统，指定它们的职责，并且将它们调理清晰组织在一起。主要包含了同步模块模式、异步模块模式、Widget模式、MVC模式、MVP模式、MVVM模式 模块化 把复杂的系统分解为高内聚、低耦合的模块，让系统开发变得可控、可维护、可拓展，提高模块的复用率。 同步模块模式（SMD） 请求发出以后，不论模式是否存在。立即执行后续的逻辑，实现模块开发中对模块的立即引用。 模块管理与创建方法 /*** * 同步模块模式 */ //定义模块管理单体对象 var F = F || {}; /** * …
let let命令用于声明变量，它声明的变量只在let命令所在的代码块有效。 let命令声明变量不存在变量提升的情况，var命令会存在变量提升的情况，就是在变量声明之前可以使用，值为undefined；let声明的变量一定在声明后使用，否则报错。 在块级作用域内存在let命令，那么它所声明的变量就只能在该作用域内有效。不受到外部影响。 let 不允许在同作用域声明同一个变量； const 声明一个只读的常量。声明变量必须初始化。 const pi = 3.1415; console.log(pi); //3.141…
浏览器的内核分成两个部分，一个渲染引擎，另一个是JS引擎。不同的浏览器的渲染引擎不同（不同的浏览的内核不同）。 浏览器工作的流程： 1）浏览器解析内容： HTML/SVG/XHTML，解析这三种文件会生成一个DOM Tree（DOM 树） CSS,解析CSS，产生了CSS规则树 JavaScript脚本，主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。 2）解析结束后，浏览器引擎则通过DOM Tree 和CSS Rule Tree来构建Rendering Tree。 …
