js基础知识
文章平均质量分 70
霸霸最棒
这个作者很懒,什么都没留下…
展开
-
js多条件判断语句简化 用es6中map简化复杂条件判断(霸霸看了都说好)
这样的的代码过于臃肿,不容易理解,后期维护难度大const isDel = (op, o) => { let fal = false; if (op.is_show_lock && op.is_show_sf && op.is_show_bz) { if (o.is_lock && o.is_sf && o.is_bz) { fal = false; } else原创 2021-08-24 18:08:32 · 1748 阅读 · 0 评论 -
js javaScript object对象属性和所有方法及es6对象的新增方法(霸霸看了都说好)
ES6 Object对象的新增方法Object.is()它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。Object.is('foo', 'foo')// trueObject.is({}, {})// falseObject.assign()Object.assign()方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。const target = { a: 1 };const source1 = { b: 2 }原创 2021-08-18 15:27:09 · 1356 阅读 · 0 评论 -
ES6 js JavaScript Array数组方法大全(霸霸看了都说好)
ES6 Array数组方法大全#数组浅拷贝和深拷贝的区别浅拷贝如果数组元素是基本类型,就会拷贝一份,互不影响,而如果数组元素是数组或者对象,就会拷贝对象的和数组的引用,我们无论在新旧数组进行修改,两者都会发生变化。深拷贝深拷贝就是完全的拷贝一个对象,即使嵌套了对象,两者也相互分离,修改一个对象的属性,也不会影响另一个concat() 合并两个或多个数组,返回一个新的数组const...原创 2019-03-20 11:18:50 · 3809 阅读 · 0 评论 -
es6之三个点(...) 扩展运算符数组和对象的使用场景及最常见的用法(霸霸看了都说好)
概念es6之扩展运算符 (…) 简称三个点数组的扩展运算符应用复制数组扩展运算符提供了复制数组的简便写法。const a1 = [1, 2];// 写法一const a2 = [...a1];// 写法二const [...a2] = a1;合并数组扩展运算符提供了数组合并的新写法。const arr1 = ['a', 'b'];const arr2 = ['c'];const arr3 = ['d', 'e'];// ES5 的合并数组arr1.concat(arr2,原创 2021-08-18 11:32:35 · 1954 阅读 · 0 评论 -
es6 运算符的扩展:||= &&= ??= || ?. ??、 指数 、链判断、 Null 判断、 逻辑赋值运算符应用场景及使用(霸霸看了都说好)
指数运算符ES2016 新增了一个指数运算符(**)2 ** 2 // 42 ** 3 // 8这个运算符的一个特点是右结合,而不是常见的左结合。多个指数运算符连用时,是从最右边开始计算的。// 相当于 2 ** (3 ** 2)2 ** 3 ** 2// 512上面代码中,首先计算的是第二个指数运算符,而不是第一个。指数运算符可以与等号结合,形成一个新的赋值运算符(**=)。let a = 1.5;a **= 2;// 等同于 a = a * a;let b = 4;b原创 2021-08-17 18:07:49 · 1252 阅读 · 2 评论 -
es6解构赋值以及常见的使用场景和应用(霸霸看了都说好)
什么是解构赋值解构赋值是对赋值运算符的扩展。es6允许按照一定的模式,从数组或对象中提取值,给变量进行赋值,称为解构赋值。数组的解构赋值基本用法下面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。let [a, b, c] = [1, 2, 3];// a = 1 , b = 2, b = 2默认值解构赋值允许指定默认值。let [foo = true] = [];// foo = truelet [x, y = 'b'] = ['a']; // x='a', y='b原创 2021-08-17 17:30:42 · 763 阅读 · 0 评论