js 细碎学问整顿

疾速删除尾部数组

var arr=[1,2,3,4,5];
arr.length=3;
console.log(arr)//[1,2,3]

直接转变数组的length的值

从数组中移除反复元素

var arr = [1,1,2,2,3,3]
const removeDuplicateltems = arr => [...new Set(arr)];
console.log(removeDuplicateltems(arr))//[1,2,3]
/**
* ...拓展运算符,是遍历Symbol.iterator 
* 和for...of一样的遍历要领
*/    

函数作为值传入

//把函数作为值传入进去
    function callSomeFunction(someFunction,someArgument){
      return someFunction(someArgument);
    }

终究挪用的这个函数 他有两个参数, 第一个参数是一个要领 , 第二个参数是第一个要领的参数。

    function add10(num){
      return num + 10;
    }
    var result1=callSomeFunction(add10,10);
      console.log(result1);//20

这个例子轻微一看就邃晓了吧, 传入的10 终究成了add()的参数, 也就是成了num, 所以效果是20

    function getGreeting(name){
      return "holle," + name;
    }
    var result2=callSomeFunction(getGreeting, "Nicholas");
    console.log(result2);//holle Nicholas

上面的明白了 这个也就不难了 同理 “ Nicholas” 变成了getGreeting() 的参数 name,所以输出效果是 holle Nicholas

call() 明白

先看看关于call()的官方诠释,“挪用一个对象的一个要领,以另一个对象替代当前对象。”,看了如许的诠释,也许让你更摸不着头脑了。看例子:

var x = "我是全局变量";    //定义全局变量x
function a(){         //定义函数类组织a  
    this.x = "我是在函数类组织a中声明的哦";    
}
//定义一般函数,弹出当前指针所包括的变量x的值
function f(){       
    alert (this.x);
}
f.call(new a());//返回值为“我是在函数类组织a中声明的哦”

我的明白是,f.call(new a())就是把函数(实在也是对象)f复制到被挪用对象“new a()”下面去剖析,事实上和下面这段代码的剖析效果一样:

function a(){
  this.x = "我是在函数类组织a中声明的哦";
  alert(this.x);    //我是在函数类组织a中声明的哦
}
a();

只不过此时变量X的作用域差别罢了,咿…看起来彷佛有点继续的滋味哦,岂非不是吗?在上例中,f完整被组织函数a的气力对象继续了,如果说这还不足以申明a.call(b)是一种继续形式,那末再看一个更具有继续滋味的用法吧。

function f(){    
    this.a ="a";    
    this.b = function(){    
        alert("b");
    }
}
function e(){    
    f.call(this);     
}
var c = new e();
alert(c.a);  //弹出a
c.b();    //弹出b

在这个例子中,只需会运用浏览器的朋侪,都能看得出来e完整继续了f的属性和要领,否则是无法诠释的,由于在e中并没有定义属性a和b,那末按常理揣摸在e的实例对象c中,并不会涌现这两个属性。

    原文作者:张优秀
    原文地址: https://segmentfault.com/a/1190000015479393
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞