ES6
文章平均质量分 52
ES6
533_
这个作者很懒,什么都没留下…
展开
-
[es6] 模板字符串内添加if判断或添加三元运算符判断
模板字符串内添加if判断或添加三元运算符判断原创 2022-07-05 10:31:04 · 2616 阅读 · 0 评论 -
[js] Object.assign
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。assign的基本用法如下:var target = {a : 1}; //目标对象var source1 = {b : 2}; //源对象1var so原创 2022-02-11 09:30:13 · 7285 阅读 · 0 评论 -
[js] ES6对象展开运算符&&浅拷贝or深拷贝
先来了解下,浅拷贝和深拷贝各自的含义:数据可以分为两大类:一类是基本数据,一类是引用数据;而数据存储位置又可分为栈和堆。基本数据是存储在栈中的,深拷贝和浅拷贝操作的都是真实的数据,所以没有区别。故而,深拷贝和浅拷贝主要是针对引用数据来说的。引用数据,相当于是在栈中存储了一个地址,这个地址指向堆中的真实数据,浅拷贝,相当于把栈中的地址给了一个新的对象,新对象和旧对象指向的都是堆中同一个数据,所以无论哪个对象发生变化都会影响堆中的这个数据;深拷贝,是在堆中重新开辟一片空间,生成了一个新的数据区域,这原创 2022-01-02 19:21:24 · 2514 阅读 · 2 评论 -
[js] js 中的类 ES5,ES6
ES5 中定义一个类function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);ES6以后的语法(可以看做是ES5的语法糖)//定义类class Point { constructor(x, y) { this.x原创 2021-11-28 18:51:17 · 247 阅读 · 0 评论 -
[js] 模块化开发 IIFE AMD CMD ES6 ES2020 发布新的标准
文章目录没有模块化的时候问题:IIFE 标准CommonJS 模块化标准AMD 模块化标准 - Async Module Definition - !依赖前置!CMD - Common Module Definition - 通用模块定义 - !即时依赖!ES6 ModuleES2020 发布新的标准什么是模块化开发=> 多个 js 文件之间的相互配合来实现效果=> 一个 js 文件里面只封装一类内容问题: 由多个 js 文件出现的js 文件引入顺序js 文件之间的相互依赖不清原创 2021-10-25 21:25:31 · 204 阅读 · 0 评论 -
[js] ES6新特性-函数的简写(箭头函数)
通常函数的定义方法var add = function(a,b){ return a+b;}function add(a,b){ return a+b;}简写方法将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。function add(a,b){ return a+b;}//简写为:(a,b)=>{//删掉了function和函数名 return a+b;}var add = functi原创 2021-11-07 13:31:32 · 651 阅读 · 0 评论 -
[ES6] 对象访问机制
对象访问机制当你访问一个对象的成员的时候, 会先在自己身上找自己没有, 去到 __proto__上找再没有, 去到 __proto__上找一直找到顶级对象的 __proto__都没有就返回 undefined定义定义1: 每一个对象都有 __proto__随便一个实例化对象的 __proto__ 是所属构造函数的 prototype定义2: 每一个函数都有一个 prototype, 他是一个对象每一个构造函数的 prototype 应该也有 __proto__构造函数也是函原创 2021-09-23 10:30:02 · 193 阅读 · 0 评论 -
[ES6] 轮播图---面向对象版本
1, 数据 函数程序 都定义在 实例化对象中 通过调用 实例化对象的函数方法 调用 实例化对象中 存储的数据 执行程序 实现效果 2, this指向必须是实例化对象 匿名函数 --- 箭头函数 回调函数 通过 bind() 语法修改设定 this指向 提前定义一个变量 存储this指向 一个函数中 要是用 多个this指向 提前使用变..原创 2021-09-22 23:11:09 · 265 阅读 · 1 评论 -
[ES6] 轮播图---面向过程版本
<!-- 轮播图div --><div class="banner"> <!-- 轮播图内容 --> <ul></ul> <!-- 焦点按钮 --> <ol></ol> <!-- 左右切换按钮 --> <div> <a href="JavaScript:;" name="left"><<.原创 2021-09-22 23:01:02 · 447 阅读 · 1 评论 -
[ES6] 运动函数
// 参数1: 运动的标签对象// 参数2: 对象形式 属性是要运动的css属性 属性值是要运动的css样式的最终值// 参数3: 存储要执行的函数程序 默认值是空函数function move(element, object, callback = function () { }) { // 定义一个变量 存储 参数2 对象中 单元个数 let num = 0; // 使用 for...in 循环遍历 参数2对象 // 定义的变量 存储对象的键名 也就是 left,原创 2021-09-22 22:51:55 · 78 阅读 · 0 评论 -
[ES6] this指向 window 事件源 箭头函数的this指向 改变this指向 call apply bind
this指向 window声明式函数 function fun1(){ console.log(this); } fun1();匿名函数 const fun2 = function (){ console.log(this); } fun2();定时器 延时器 setInterval(function(){ co原创 2021-09-22 09:25:01 · 348 阅读 · 0 评论 -
[ES6] js创建对象的几种方法 字面式创建对象 工厂模式 构造函数模式 prototype __ proto __ 对象访问机制
字面式创建对象var person ={ name: "lisi", age: 21, family: ["lida","lier","wangwu"], say: function(){ alert(this.name); } };在使用同一接口创建多个对象时,会产生大量重复代码,为了解决此问题,工厂模式被开发工厂模式 function SetAddObj(num1,n原创 2021-09-20 19:23:09 · 446 阅读 · 0 评论 -
[ES6] 解构赋值
数组的解构赋值const arr = ['北京','上海','广州','重庆','天津',[100,200,300,400]];// JavaScript自动将 arr数组中的数据 // 解构之后 一一对应的赋值给变量储存let [a,b,c,d,e,[f,g,h,i]] = arr;console.log(a,b,c,d,e,f,g,h,i);北京 上海 广州 重庆 天津 100 200 300 400对象的解构赋值const obj = {name:'张三',age:18,sex:'男原创 2021-09-14 22:06:15 · 97 阅读 · 0 评论 -
[ES6] 立即执行函数 / 自执行函数
立即执行函数 / 自执行函数在封装函数的同时 就 立即执行函数语法: ( 匿名函数程序 )(); !匿名函数程序(); ~匿名函数程序();(function (){console.log(111)})(); !function (){console.log(222)}(); ~function (){console.log(333)}();(function (name){console.log(name)})('李四');...原创 2021-09-14 21:47:18 · 864 阅读 · 0 评论 -
[ES6] 展开运算符和合并运算符
展开运算符function fun3(a,b,c,d,e,f,g){ console.log(a,b,c,d,e,f,g);}const arr = ['a','b','c','d','e','f','g'];// 将 数组中的数据 一一对应的赋值给函数的形参// ...只能对数组使用不能对 对象使用fun3(...arr);利用展开运算求数组的最大值let arr = [5,3,6,9,8,1,7];let max = Math.max(...arr); console.l原创 2021-09-14 21:35:21 · 394 阅读 · 1 评论 -
[ES6] 箭头函数 this
箭头函数含义使用 ()=>{} 替换 匿名函数的语法形式也就是 使用 ()=>{} 替换 function(){}箭头函数的简写语法形式1, 如果只有一个形参 可以 不写 ( ) 小括号2, 只有一行执行程序 可以 不写 { } 大括号匿名函数arr.forEach(function(item){ console.log(item); })对应的箭头函数arr.forEach( item => console.log原创 2021-09-14 21:17:45 · 91 阅读 · 0 评论 -
[ES6] let和var区别
1.使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象;2.使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升;3.let不允许在相同作用域内,重复声明同一个变量。{ let a = 125; var b = 521;}a // Uncaught ReferenceError: a is not definedb // 521let配合for循环的应用for (let i = 0; i < 5; i++) { console.log(原创 2021-09-14 20:39:27 · 112 阅读 · 0 评论