
ES6
杨十八的小脑瓜嗡嗡的
这个作者很懒,什么都没留下…
展开
-
ES6 JavaScript 元素添加自定义迭代器
迭代器 迭代器 工作原理 创建一个指针对象 指向当前数据机构起始位置 第一次调用对象的next()方法 指针自动指向数据结构的第一个成员 接下来不断调用 next()方法,指针一直往后移动,直到只想对后一个成员 每次调用next()方法 都会返回一个包含Value 和 done 属性一个对象 原理 1.先查看迭代器对象属性 let sum = ['野猪', '佩奇', '身上', '纹'] for (let i of sum) { console.log(i) } consol原创 2021-10-13 21:00:21 · 393 阅读 · 0 评论 -
ES6 形参初始值
形参初始值 形参初始值就是在函数形参地方赋值一个值 ##1.未定义初始值 let fn=function (a,b,c){ return a+b+c } var res=fn(10,10) //此时 传入的没有第三个值 结果就为undefined 最后的返回值就是NaN 此时传入的没有第三个值 结果就为undefined 最后的返回值就是NaN 2.定义初始值 let fn=function (a,b,c=10){ return a+b+c } v原创 2021-10-12 22:05:15 · 224 阅读 · 0 评论 -
ES6 箭头函数
箭头函数 1.ES6允许使用 箭头 (=>)来定义函数 //常规声明 let fn=function(){函数体} //简化声明 let fn = (X, Y) => { return X + Y } let sum = fn(1, 2) console.log(sum) //此时结果是 3 2.箭头函数this // this是静态的 this时钟指向函数声明时所在作用域下this的值 function GRTs(){ console.log(th原创 2021-10-12 22:04:24 · 146 阅读 · 0 评论 -
ES6 简化对象写法
#简化对象写法 1. 常规书写 var eleAll={ name:'', age:'', fn:function(){ console.log('我是方法') } } eleAll.name='野猪' eleAll.age=18 console.log(eleAll) 2. ES6语法书写 //ES6语法书写 let name='野猪' let fnct=function(){ console.log('我是方法1') } const school={ name原创 2021-10-12 22:03:42 · 132 阅读 · 0 评论 -
ES6 拼接字符串
字符串拼接 声明 //1.声明 // let str =`我是字符串` // console.log(str) 1.拼接一个标签序列 // let str = `<ul> // <li>灰太狼</li> // <li>大灰狼</li> // <li>狮子王</li> // <li>野猪佩奇</li> // <li>小猪佩奇</li> // <原创 2021-10-12 22:02:35 · 325 阅读 · 0 评论 -
ES6 -解构赋值
解构赋值 ES6中按照一定模式从数组和对象中提取值 对变量进行赋值 这被称为解构赋值 ##数组和对象解构 //此时 会按照一定模式从数组和对象中提取值 对变量进行赋值 //这被称为解构赋值 //1.数组解构 const F4=['1','2','3','4','5','6'] let [ele1, ele2, ele3, ele4, ele5,ele6] =F4 console.log(ele,ele2) //结果为 1 2 //2.对象解构 const zhao ={ name:'原创 2021-10-12 22:01:37 · 67 阅读 · 0 评论 -
ES6 var let const
let与const let : es6新增,用于声明变量,有块级作用域 const: es6新增 用于声明一个只能读取的 常量(指引的地址) var 与 let 区别 var //预解析 console.log(sum) //输出结果为未定义 var sum=10 //变量覆盖 var num=15 var num=20 console.log(num) //此时打印出来的结果是 20 // 作用域 function fn2(){ for(var i=0;i<10;i++){原创 2021-10-12 22:00:08 · 78 阅读 · 0 评论