es6笔记——对象简介语法以及对象新增

对象简介语法以及对象新增:

//个人建议: 一定注意,不要用箭头函数
//第一种写法
let name = 'Strive';
let age = 18;
let json ={
    name,   //name:name,
    age,     //age:age
    /* showA:function(){
        return this.name;
    } */
    showA(){
        return this.name;
    },
    showB(){
        return this.age;
    }
};
console.log(json.showA(), json.showB());//Strive 18

//第二种写法
let x = 10;
let y =20;
function show({x,y}){
    console.log(x, y);
}
show({x,y})

let {x,y, ...z} ={x:1, y:2, a:3, b:4};//对象解构
console.log(x,y, z);//1 2 {a: 3, b: 4}

对象扩展运算符

let json = {a:3, b:4};
let json2 = {...json};
delete json2.b;//删除对象的某一个属性
console.log(json2);//{a: 3}
console.log(json);//{a: 3, b: 4}

Object.is(): 用来比较两个值是否相等
Object.is(‘a’,‘a’);

比较两个东西相等
Object.is(NaN, NaN);//不相等
Object.is(+0, -0);//不相等
Object.assign(): 用来合并对象
let 新的对象 = Object.assign(目标对象, source1, srouce2…)

assign合并对象

let json = {a:1};
let json2 = {b:2, a:2};
let json3 = {c:3};
let obj = Object.assign({}, json, json2,json3);
console.log(obj);// {a: 2, b: 2, c: 3}

assign举例用法

function ajax(options){  //用户传
		let defaults={
			type:'get',
			header:
			data:{}
			....
		};

let json = Object.assign({}, defaults, options);
		.....
	}

用途:
1. 复制一个对象
2. 合并参数

ES2017引入:
Object.keys()
Object.entries();
Object.values();

let {keys, values, entries} = Object;//解构

let json = {
    a:1,
    b:2,
    c:3
};
//若不解构用法如下
for(let key of Object.keys(json)){
    console.log(key);
//解构后的用法
for(let key of keys(json)){
    console.log(key);
}

对象身上: 计划在ES2018引入

let json = {a:3, b:4};
let json2 = {...json};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值