美文网首页Array前端开发旅行·在路上
【JS】array、object、function

【JS】array、object、function

作者: Q小予o0 | 来源:发表于2019-07-08 17:53 被阅读0次

    call(), apply(), bind() 应用与区别

    call()和apply()都能改变this的指向,且第一个参数相同(即绑定this值的对象)
    const obj = {
        name: 'Jerry',
        greet: function() {
            console.log(this.name)
        }
    }
    obj.greet.call({name: 'Spike'})  //打出来的是 Spike
    
    两者的不同在于参数的形式,call()方法接受若干个参数的列表,而apply()方法接受的是一个包含多个参数的数组。
    funciton Toy(name, price) {
      Product.apply(this, [name, price]);
      this.category = 'toy';
    }
    
    bind()也是在函数上调用方法,不同于call()和apply(),它回返回一个新的函数,该函数将this设置为我们赋给它的值.
    

    把数组中指定的元素(Apple)移动到首位

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.unshift(fruits.splice(2,1)[0]);
    // ["Apple", "Banana", "Orange", "Mango"]
    

    js的every和some

    every()与some()方法都是JS中数组的迭代方法。
    
    every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。
    
    some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。
    如CheckBox判断全选:
     this.setData({
          checkedAll: list.every(item => item.status)
        })
    

    对象里item添加前缀

    let keys = {
      ACCESS_TOKEN: 'access-token',
      LAST_View_Location_Bar_TIME: 'last-view-location-bar-time',
      LAST_View_Popup_AD_TIME: 'last-view-popup-ad-time'
    };
    
    keys = Object.keys(keys).reduce((obj, k) => {
      obj[k] = `fdf_${keys[k]}`;
      return obj;
    }, {});
    //console.log(keys)
    keys = {ACCESS_TOKEN: "fdf_access-token"
    CART_ID: "fdf_cart-id"
    HEADER_SEARCH: "fdf_header-search"
    LAST_View_Footer_AD_TIME: "fdf_last-view-footer-ad-time"}
    

    Math.ceil()、Math.floor()和Math.round()

    这三个方法分别遵循下列舍入规则:
    ◎Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数;
    Math.ceil(12.2)//返回13 
    Math.ceil(12.7)//返回13 
    Math.ceil(12.0)// 返回12 
    ◎Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数;floor():一律舍去,仅保留整数。 
    ◎Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)。
    
    image.png 901559481359_.pic_hd.jpg

    相关文章

      网友评论

        本文标题:【JS】array、object、function

        本文链接:https://www.haomeiwen.com/subject/pimahctx.html