javaScript-系统知识点【 ES6 新语法】

ES6 操作对象相关的新语法

遍历

javascript 复制代码
// for in (遍历对象)
var obj = { a:1, b:2, c:3 }
    
for (let key in obj) {
  console.log(key)
}
// a b c

// for of (遍历数组)
const array1 = [ 'a', 'b', 'c' ]
 
for (const val of array1) {
  console.log(val)
}
// a b c

获取对象 key 值、val 值

javascript 复制代码
// Object.keys()
var obj = { foo: 'bar', baz: 42 }
Object.key(obj) // ["foo", baz]

// Object.values()
var obj = { foo: 'bar', baz: 42 }
Object.values(obj) // ["bar", 42]

ES6 有哪些新东西

  1. const let、变量提升、块级作用域
  2. 箭头函数
  3. 模板字符串
  4. 一些 API,map、filter、forEach、reduce
  5. promise
  6. 函数默认参数,剩余参数
  7. 新的数组、对象操作 API
  8. 解构, 可以避免在对象赋值时产生中间变量
  9. 扩展运算符 [...arr]
  10. 类 class
  11. 迭代器
  12. 装饰器

JS进阶 | ES6知识点解析)

async/await 是 ES7 的语法

箭头函数函数 与 普通函数的区别?

  • this 指向不同, 且箭头函数 this 无法改变 (因为 箭头函数本身就没有原型,所以也没有所谓的 this)
  • 写法不同, 且箭头函数都是匿名函数
  • 箭头函数、没有 prototype、没有自己的 this 指向、不可以使用 arguments、自然不可以 new
  • 普通函数的 this ,谁调用了这个函数,this 就指向谁,要开运行时所处的环境
javascript 复制代码
let name = 'wyy'
let obj = {
    name:"wangcai",
    getName: function(){
        console.log(this)              

        function test(){
            console.log(this)                   
        }
        test()  // window.test( )
    }
}
obj.getName()

ES6中 Set 和 Map 的区别

区别

  • 初始化需要的值不一样,Map需要的是一个二维数组,而Set 需要的是一维 Array 数组

  • Map 和 Set 都不允许键重复

  • Map的键是不能修改,但是键对应的值是可以修改的;Set不能通过 迭代器 来改变Set的值,因为Set的值就是键

  • Map 是键值对的存在,值也不作为健;而 Set 没有 value 只有 key,value 就是 key

优点

  • 最大优点就是运行时间少大大提高了性能
相关推荐
我叫汪枫3 分钟前
【刷机分享】解决K20Pro刷入PixelOS后“网络连接”受限问题(附详细ADB命令)
开发语言·adb·php
老程序员刘飞3 分钟前
hardhat 搭建智能合约
开发语言·php·智能合约
Autism11416 分钟前
javase-day22-stream
java·开发语言·windows·笔记
江塘17 分钟前
机器学习-KNN算法实战及模型评估可视化(C++/Python实现)
开发语言·c++·人工智能·python·算法·机器学习
前端付豪23 分钟前
Vue3 响应式来!
前端·javascript·vue.js
芝士麻雀25 分钟前
Zustand 深度解析:原理、源码与最佳实践
前端·react.js·前端框架
钟离墨笺29 分钟前
Go语言-->Goroutine 详细解释
开发语言·后端·golang
Dontla30 分钟前
JS睡眠函数(JS sleep()函数、JS单线程、Event Loop事件循环)假睡眠
开发语言·javascript·ecmascript
fruge38 分钟前
前端性能优化实战指南:从首屏加载到用户体验的全面提升
前端·性能优化·ux
李游Leo38 分钟前
Rokid UXR3.0 手势算法与接入实践(v3.0.3)—设备适配、能力边界与示例代码
开发语言