文章关键词:ES6 .ES6 对象 函数 简写 属性 var name

ES6二

作者:神秘网友 发布时间:2022-06-23 07:02:37

ES6二

二.ES6对象及函数的简写对象里简写属性
var name = 'tom'var obj = {name  // name: name, 键和值的变量名相同可以简写}
对象里简写函数
var obj = {eat() {        console.log('hello')    }    // 简写 省略了function    // eat: function() {       // console.log('hello')    // }}
对象属性方法表达式属性表达式
var obj {['a' + 'b'] : 16}
方法表达式
var obj {['a' + b]() {console.log('66')}}
对象的方法Object.is()
// Object.is() 用来弥补==不足,他不会比较对象里的东西,而是直接比较对象的栈地址NaN == NaN  // falseObject.is(NaN, NaN)  // true
Object.assign()
// Object.assign() 将后面内容拷贝给第一个 第一层拷贝值,第2层浅拷贝引用var obj1 = {    name: '王五',    er: {        name: '李四'    }}var obj = {}Object.assign(obj, obj1)obj.er.name = 66  // 66 引用obj1.er.name  // 66 引用
set()集合 伪数组 一种数据结构
// set特性 元素不能重复 可以传入数组(有iterable迭代器都可以传入)var set = new Set()// add() 添加数据 返回setset.add(1)set.add(1)  // 不会传入重复元素// delete  // 传入对应值,进行删除 返回一个boolean值set.delete(1) // clear() 删除所有元素 没有返回值set.clear() 清除所有// 修改set 先删除再添加// 查询 has() 判断是否存在 返回boolean值set.has()set.entries()  返回键值对set迭代器set.keys.()set.values()// size属性 获取set元素个数set.size// 数组去重var arr = [11, 11, 33, 33, 33, 66, 66]var newSet = new Set(arr)  // 11,33,66
map()集合 伪数组 一种数据结构

构成是key value, Map是一个很大的对象,它可以存任意类型

var mMap = new Map()// set()添加数据 重复设置就是改mMap.set(name, '王五')// get()读取一个键的值mMap.get(key) // has(key) 返回boolean,表示某个键是否在Map数据结构中mMap.has(key)// mMap.size mMap元素个数mMap.size// delete()通过key删除 clear()清空// key value entries 返回map迭代器 // 所有迭代器都有的方法next()
WeakSet

只能存储对象

Class类(面向对象)constructor构造器
// 首字母必须大写class Person {    // 构造器 构造方法的容器  // new Object()就是调用构造方法    constructor(name, age) {  // 匿名构造器 对象名就是它的方法名        this.name = name  // 指向对象new的对象 实例        this.age = age    }    eat() {        console.log(this.name + '吃饭')    }}var item1 = new Person('王五', 18)item1.eat()  // 王五吃饭
extends继承

减少冗余代码 提高代码可读性及开发效率

// 继承 子类可以拥有父类所有非私有属性// 如果需要使用父类this需要使用super()super()  // 指向对应的父类,表示父元素的构造方法this.sex
es6新增基础数据类型BigInt 大整型

解决数值有范围,number只能写16位

var bigint = BigInt("1234567890102345678")  // 1234567890102345678n
symbol 唯一的值

一般使用symbol来做区分 比如对象的key

var n = Symbol('h')  // h相当于它的别名var obj = {}obj[n] = 'hello'
生成器函数

异步的函数 里面标注了yield 暂停执行 为了区分普通函数他加了*

function* generator(x) {yield x+1yield x+2yield x+3yield x+4}var g = generator(1)g.next()  // 走的第一步2g.next()  // 走的第一步3g.next()  // 走的第一步4g.next()  // 走的第一步5// next() 返回1个对象 里面有2个参数 value表示执行的值 done表示已经完成

ES6二 相关文章

  1. ES6 知识学习总结(二)

    ES6 知识学习总结(二) 对过去两周所学的ES6知识做一下总结 ,理一下思路 加深记忆 自已的理解 有不对的请指正 共同学习 更详细的请访问文档 ECMAScript 6 入门 // 向对象中添加方法let game = { name: '狼人杀', up: function () { }, down: fu...

  2. ES6学习笔记(二)解构赋值

    ES6学习笔记(二)解构赋值 1.作用:ajax交互数据 2.语法:let[a,b,c]=[1,2,3 ] 注意:左右结构格式一致 例1: 结果: 12 [5,6] undifind 例2: 结果:12 5 6(左右两边结构保持一致) 例3:解构json 结果: Striver 18 码畜 实际是按如下图所...

  3. VUE + ES6 + ELEMENT UI 学习(二)

    VUE + ES6 + ELEMENT UI 学习(二) [var1] 继续编辑昨天的页面。页面已经可以显示列表数据了,今天动态修改一下这个列表,并增加分页效果。 先写一个弹出框,Element UI中有两种弹窗,MessageBox弹框和Dialog对话框,仔细对比一下,最...

  4. 使用babel将es6代码转成es5(二)

    使用babel将es6代码转成es5(二) 上节写到环境的准备,先用es6语法写个js文件内容大概如下:只做个简单测试就不写复杂了 var a = (msg) = () = msg; 第一步 从上面图可以看出,在编译器中输入的代码有许多错误提醒,这是因为编译器...

  5. ES6之常用开发知识点:let 和 const 命令详解(二)

    let命令 基本用法 { let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1 根据上面结果显示, let 声明的变量只在它所在的代码块有效。 实例1: var a = [];for (var i = 0; i 10; i++) { a[i] = function () { console.log(i); };}a[6]()

  6. 购物车(二)-收货地址计算属性-组合地址-es6中推出的``方式

    购物车(二)-收货地址计算属性-组合地址-es6中推出的``方式拼接字符串 wx.chooseAddress()调用 收货地址 基本布局 !-- 地址信息的展示 --div class=cart-top v-if='address' div class=receive div class=name收货人: 张三/div div class=phonen-number1

  7. [ES6] ES6 新特性之解构赋值

    [ES6] ES6 新特性之解构赋值 变量的解构赋值 ECMAScript 6 允许按照一定模式从数组或对象中提取值,对变量进行赋值。这种赋值方式被称为“解构赋值”(Destructuring)。 ECMAScript 5 为变量赋值方式如下: var a = 10;var b = 11;var c = 12; ECMAScrip...

  8. JavaScript(ES6/ES6之前)对函数参数设置默认值

    ES6对函数参数设置默认值 使用=号对参数设置默认值 functionmyfunc(message,flag=false){//Code}myfunc(hello); 当flag没有传递值时,默认为false 也可以使用解构赋值: functionmyfunc({start=5,end=1,step=-1}={}){} 使用{}赋值给命名参数,这可以让我们直

  9. [ES6] ----ES6的概念及运行环境的介绍

    [ES6] ----ES6的概念及运行环境的介绍 1、与JavaScript的关系 1996年11月,、JavaScript 的创造者Netscape公司,决定将、JavaScript提交给标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMIA发布262号标准文件( ECMA- 262 )的 第一版,规...

  10. [ES6] 细化ES6之 -- 块级作用域

    [ES6] 细化ES6之 -- 块级作用域 所谓的块级作用域,可能是一个 {} ,一个代码块,一句话 let关键字 let 与 var 区别 区别 var let 变量提升 有 无 作用域 全局作用域、函数作用域 全局作用域、函数作用域和块级作用域 提前声明 有 无 重复...

  11. 使用ES6编写React应用(ES5转换为ES6)

    这里列出React项目从ES5转换为ES6的的变化。 1、导入React(require=import) ES5 varReact=require('react');varReactPropTypes=React.PropTypes; ES6 importReact,{Component,PropTypes}from'react'; 2、使用Class创建组件(React.createClass=extendsReact

  12. 视频教程Javascript ES6 教程06 ES6 Arrow Function箭头函数 '

    【视频教程】Javascript ES6 教程06 ES6 Arrow Function箭头函数 'this' 的理解 在前面,这个系列的视频教程,我们已经跟你分享了前面5节的内容了,今天开始第6节课的内容《ES6 Arrow Function箭头函数 'this' 的理解》 在这里,简单说明一...

  13. 视频教程Javascript ES6 教程07 ES6 Default Arguments 参数默

    【视频教程】Javascript ES6 教程07 ES6 Default Arguments 参数默认值 在前面,这个系列的视频教程,我们已经跟你分享了前面6节的内容了,今天开始第7节课的内容《ES6 Default Arguments 参数默认值》 在这里,简单说明一下,这个系列的...

  14. [ES6]---ES6的解耦赋值及用途讲解(对象的解耦、数组的解耦、字符

    [ES6]---ES6的解耦赋值及用途讲解(对象的解耦、数组的解耦、字符串...等) 解耦赋值是什么 按照一定模式从数组或对象中提取值,对变量进行赋值。这种赋值方式被称为“解耦赋值”(Destructuring) 变量的解耦赋值从指定的数...

  15. 深入浅出 ES6:ES6 与 Babel / Broccoli 的联用

    深入浅出 ES6:ES6 与 Babel / Broccoli 的联用 深入浅出 ES6 指的是添加在 ECMASript 标准第六版中的 JavaScript 编程语言的新特性,简称为 ES6。 虽然 ES6 刚刚到来,但是人们已经开始谈论 ES7 了,它未来的样子,以及新标准能提供哪些光...

  16. JavaScript ES6代理的实际用例,快速教你用好ES6代理 - 前端

    元编程是一种强大的技术,使你能够编写可以创建其他程序的程序。ES6借助代理和许多类似功能,使在JavaScript中利用元编程变得更加容易。ES6 Proxy(代理) 有助于重新定义对象的基本操作,从而为各种可能性打开了大门。 本指...

  17. 阿里专家直击前端盛会JSConf2017 Day1:ES6兴起 ES6+Babel成最佳

    阿里专家直击前端盛会JSConf2017 Day1:ES6兴起 ES6+Babel成最佳拍档 JSConf 2017 Day2:https://yq.aliyun.com/articles/79329 2017年JSConf在柏林举行,为期2天,5月7日-8日。JSConf在前端领域是相当有影响力的,可以通过JSconf的分享内容了解前端技术...

  18. 【数据结构基础】队列简介(使用ES6)

    【数据结构基

  19. ES6基础四内置对象扩展函数对象扩展

    【ES6基

  20. MAP和SET ES6的新特性

每天更新java,php,javaScript,go,python,nodejs,vue,android,mysql等相关技术教程,教程由网友分享而来,欢迎大家分享IT技术教程到本站,帮助自己同时也帮助他人!

Copyright 2021, All Rights Reserved. Powered by 跳墙网(www.tqwba.com)|网站地图|关键词