ES6笔记2

一、原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名(Symbol 函数栈不能用 new 命令)
1、示例:

let obj = {};
		 obj.name = "zs";
		obj["age"] = 18;
		 let sy1 = Symbol("ss");
		obj[sy1] = Symbol("aa");
		console.log(obj);

示例2:

for(let a in obj){
			console.log(a);
		console.log(obj[a]);
		 }

示例3:

let sy1 = Symbol("kk");
		 let sy2 = Symbol("kk");
		console.log(sy1);
		 console.log(sy2);
		console.log(sy1==sy2);

2、Symbol.for() 类似单例模式,首先会在全局搜索被登记的 Symbol 中是否有该字符串参数作为名称的 Symbol 值,如果有即返回该 Symbol 值,若没有则新建并返回一个以该字符串参数为名称的 Symbol 值,并登记在全局环境中供搜索。
示例:

let sy = Symbol("pink");
		 let sy1 = Symbol.for("pink");
		  let sy2 = Symbol.for("pink");
		 let sy3 = Symbol.for("aaaaaaa");
		 console.log(sy==sy1);
		 console.log(sy1==sy2);
		 let obj = {};
		 obj[sy1] = 1;
		 obj[sy2] = 2;
		 console.log(obj);

3、Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ,用来检测该字符串参数作为名称的 Symbol 值是否已被登记。
示例:

console.log(Symbol.keyFor(sy1));
 console.log(Symbol.keyFor(sy));
 console.log(Symbol.keyFor(sy3));

二、拦截器
1、Object.defineProperty() 静态方法会直接在一个对象上定义一个新属性,或修改其现有属性,并返回此对象。
2、Object.defineProperty(操作的对象, 键名, {键值})。
3、 writable设置是否能修改,修改true,否则false。
4、configurable:该属性不可被删除,删除true,否则false。
5、enumerable是否可以被枚举(循环),拿取循环值true,否则false。
示例1:

        const object1 = {};
		object1["name"] = "张三";
		object1["age"] = 18;
		let num = 99;
		Object.defineProperty(object1, 'property1', {
		value: 42,
		writable: false,
		configurable:true
	     enumerable:false
		 get:function(){
		 return num;
		},
		get(){
		return num; 
		}
		 });
		object1.property1 = 77;
		 delete object1.property1;
		console.log(object1);
		 for(let a in object1){
			console.log(object1[a]);
		 }
		console.log(object1.property1);

示例2:

let syObject = {};
		let sy = Symbol("ss");
		Object.defineProperty(syObject, sy, {value: "kk"});
		console.log(syObject); 

三、ES6中新增循环对象
1、 Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
示例:

console.log(Object.keys(obj));

2、Object.values() 静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。
示例:

console.log(Object.values(obj));

3、Object.getOwnPropertyNames() 静态方法返回一个数组,其包含给定对象中所有自有属性**(包括不可枚举属性,但不包括使用 symbol 值作为名称的属性)**
示例:

console.log(Object.getOwnPropertyNames(obj));
		 console.log(obj["name"]);
		console.log(obj[Object.getOwnPropertyNames(obj)[0]]);
		for(let a=0;a<Object.getOwnPropertyNames(obj).length;a++){
			console.log(obj[Object.getOwnPropertyNames(obj)[a]]);
		 }

4、 Object.getOwnPropertySymbols() 静态方法返回一个包含给定对象所有自有 Symbol 属性的数组。
示例:

console.log(Object.getOwnPropertySymbols(obj));
		console.log(obj[Object.getOwnPropertySymbols(obj)[0]]);
		obj[Object.getOwnPropertySymbols(obj)[0]] = "xyz";
	    console.log(obj);
		 Reflect.ownKeys() 
		 console.log(Reflect.ownKeys(obj));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值