ES6新语法:symbol,map容器

Symbol

es5:五个基本数据类型 number boolean string undefined null

es6:一个基本数据类型 symbol

symbol的作用:
为了防止有一样的名字造成后面的覆盖前面的代码功能
所以es6出了一个symbol来表示独一无二的
以后有相同的变量名也不会覆盖,不是同一个
即他是一个内置全局函数,生成一个独一无二的数据

let s1 = Symbol(10);
let s2 = Symbol(10);
console.log(s1,s2,s1==s2)  // Symbol(100),Symbol(100),false

ES6的新数据容器:map

map没有创建的语法糖,就是可以简写的写法

var m1=new Map([["age",100],[20,"hello"],[a,90]])
//取数据,键值是什么就完全按照那样写,否则取不出来,对应的值
var re1=m1.get("age")
var re2=m1.get(20)
var re3=m1.get(["key"])
var re4=m1.get(a)
console.log(re1,re2,re3,re4)
//存数据
m1.set("life",1)
m1.set("age",1)
console.log(m1)
// 查看s1里面有多少个值
console.log(m1.size)
// 删除s1中的元素
m1.delete(20)
var re5=m1.delete("age")
var re6=m1.delete("age")
console.log(m1,re5,re6)
// 直接全部清空s1里面的函数
m1.clear()
console.log(m1)

用map来做一个类似于购物车的功能

可以进行商品的加减,也可以删除,计算商品总和

			//没有进行页面的设计 就用控制台打印输出
			//后端取出来的数据 要先解析然后保存到前端的某个数据容器中
			var mycar = {
				data: new Map(),
				// 一键清除购物车里的所有商品
				clear:function(){
					this.data.clear()
				},
				// 减去商品的件数
				jianshao:function(id){
					let obj=this.data.get(id)
					if(obj){
						obj.count--
						if(obj.count<=0){
							this.data.delete(id)
						}
					}
				},
				// 增加商品的件数
				add: function(id) {
					let obj = this.data.get(id)
					if (obj) {
						obj.count++
						this.data.set(id, obj)
					}
				},
				// 计算商品的总和
				total: function() {
					var result = 0;
					this.data.forEach(function(el) {
						console.log(el)
						result += el.count * el.price
					})
					return result
				},
				network: function() {
				// 由后端传入前端的数据,现在没有链接数据库,所有自己先写几个数据进去
					var jiashuju = [{
						id: 1234,
						title: "小炒肉",
						price: 18,
						count: 1
					}, {
						id: 1235,
						title: "东坡"肘子,
						price: 28,
						count: 1
					}, {
						id: 1236,
						title: "米饭",
						price: 2,
						count: 2
					}];
					var self = this
					jiashuju.map(function(el) {
						self.data.set(el.id, el)
					})
				}
			}
			// 调用数据
			mycar.network()
			// 现在没有绑定鼠标单击事件,所有由手动添加
			mycar.add(1236)
			mycar.add(1236)
			mycar.add(1236)
			mycar.add(1236)
			mycar.jianshao(1234)
			console.log(mycar.data)
			var re1 = mycar.total()
			console.log(re1)
			// 调用一键清除功能
			mycar.clear()
			console.log(mycar.data)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值