es6 增强字面量

 方式一:

// 增强字面量
function createBookShop(inventory){
    return {
        inventory:inventory,
        inventoryValue:function(){/**
         * reduce()对数组每个元素执行回调函数,返回值用于下一次计算参数,
         * total初始值为0,让每一个进来的价格相加
         */
            return this.inventory.reduce((total,book) => total +book.price,0);
        },
        priceForTitle:function(title){//传入'Angular'
        // return this.inventory.find((book) => book.title === title).price;//15
        return this.inventory.find((book) => {
            // console.log(book)
            if(book.title === title){
                return book.price;//{title: "Angular", price: 15}
            }
        });
        }
    }
}
const inventory = [//把数组传入createBookShop方法中
    {title:'vue',price:10},
    {title:'Angular',price:15}
];
 const bookShop = createBookShop(inventory);
 console.log(bookShop.inventoryValue())//25
 console.log(bookShop.priceForTitle('Angular'))//15,返回书名对应的价格

所谓的增强字面量的方法就是对方法进行简化:

// 增强字面量
function createBookShop(inventory){
    return {
        // inventory:inventory,相同的键和值;我们可以只用一个
        inventory,
        // inventoryValue:function(){//函数可以简化成如下
            inventoryValue(){
            /**
         * reduce()对数组每个元素执行回调函数,返回值用于下一次计算参数,
         * total初始值为0,让每一个进来的价格相加
         */
            return this.inventory.reduce((total,book) => total +book.price,0);
        },
        priceForTitle(title){//传入'Angular'
        // return this.inventory.find((book) => book.title === title).price;//15
        return this.inventory.find((book) => {
            // console.log(book)
            if(book.title === title){
              
                return book.price;//{title: "Angular", price: 15}
            }
        });
        }
    }
}
const inventory = [//把数组传入createBookShop方法中
    {title:'vue',price:10},
    {title:'Angular',price:15}
];
 const bookShop = createBookShop(inventory);
 console.log(bookShop.inventoryValue())//25
 console.log(bookShop.priceForTitle('Angular'))//15,返回书名对应的价格

 方式二:

function saveFile(url,data){
    $.ajax({
        url,//url:url
        data,//data:data
        method:'POST',
        success(back) {
            console.log(back)
        },
        error(error){
            console.log(error)
        }
    });
}
const url = "http://fileupload.com";
const data = {
    color:"red"
}
saveFile(url,data)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

周家大小姐.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值