call的其他应用

看一些源码的时候常常发现例如这些的代码

　　Array.prototype.slice.call(arg)

　　Object.prototype.toString.call(str)

等等，着一些系列的句子，当时的我内心是这样的

call的其他应用

问题总是要解决的，各种百度有木有

最后在网上看到一个大牛的博客，他这样写到

     var fun=function () {

         console.log(this); //String {0: "m", 1: "e", 2: "n", 3: "g", length: 4, [[PrimitiveValue]]: "meng"}

         console.log(this instanceof  String);  //true

     };

     fun.call("meng");

这段代码执行方式不难看出，就是this指向了字符串"meng"。

注意这里，我并没有说把"meng"传入到到了方法fun中

在看如下代码

    var fun=function (value) {

         console.log(value); //undefined

     };

     fun.call("meng");

返回的结果是undefined，也就是说，只是指向了，并没有“处理”参数，其实想想call的用法，它也该如此。。

好了，基础演戏看完了，各位看官想必也明白了，最后再看下代码的执行效果吧

     var obj = {length: 2, 0: "first", 1: "two"};

     var result = Array.prototype.slice.call(obj);

     console.log(result);  //["first", "two"]

     result = Object.prototype.toString.call(obj);

     console.log(result);  //[object Object]

当然也可这样写Array.prototype.slice.call(arg,n)表示从第n项开始截取

这里在补充网上的一种说法：

　　slice（）方法没有参数的话，会从0开始剪切到最后。

　　所以上面的代码可以这样理解，代码从0剪切到1，结果生成数组，对应的结果就如上了。。

　　其实这样说的前提是，你得理解slice内部的方法实现。

最最最终奥义：Object.protype.Fun.call(n,m)这种结构，

　　对n执行Fun(m)。

　　m不存在，执行Fun默认方法。

思维扩展下，Array.prototype.slice.call(arg)其实可以这样用（临时想到的，感觉可以）

如网上一些数据的解析方式是这样的

call的其他应用

用的0,1,2....等数字做的属性名（前两天从php后天获取的数据也是如此），今天学到这个方法后是不是可以这样处理一下

     var con1=document.querySelector(".con1");

     var result=window.getComputedStyle(con1);

     console.log(Array.prototype.slice.call(result[3]).join(""));

当然你也可以这样处理

     var con1=document.querySelector(".con1");

     var result=window.getComputedStyle(con1);

     console.log(result[3]);

返回的结果是一样的

上面的哪一种看着显然麻烦，这里提到主要有两点原因

　　1，深刻理解下.call()方法

　　2，为解决问题多一种思路

刚刚又从网上看到了个它的用处

js arguments类型像数组但不是数组，所以也就有了，把arguments转换成数组的方法（插件用它的意义也在于此）

call的其他应用

随机推荐

Oracle安装
1.根据自己的操作系统,到Oracle官网下载相应的安装包下载地址:http://download.oracle.com/otn/nt/oracle11g/112010/win32_11gR2_cl ...
【CentOS】LAMP相关3
调优,安全如果是运维一个网站,PHP搭建的话,可能会出现500的错误,白页怎么去排查呢,今天就涉及到这方面的东西 http://blog.csdn.net/bsi_l4/article/details ...
值得 Web 开发人员学习的20个 jQuery 实例教程
这篇文章挑选了20个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平.其中,既有网站中常用功能的的解决方案,也有极具吸引力的亮点功能的实现方法,相信通过对 ...
淘宝玉伯引发Web前后端研发模式讨论
淘宝玉伯是是前端基础类库 Arale 的创始人,Arale 基于 SeaJS 和 jQuery.不久前,淘宝玉伯在 Github 的 Arale 讨论页面上抛出了自己对于Web 前后端研发模式的思考. ...
Hibernate 只获取外键id，不获取内容
Hibernate,jpa注解映射中 A多对一B A的表中有B的外键. 如果想只获取A表中的B的外键而不想发送查询B的sql语句. 那么: @ManyToOne(fetch=FetchType.LAZ ...
BZOJ 2303 方格染色
首先考虑四个格子异或值为1. 然后(重点)发现每个格子的值只和最上面,最左边,和(1,1)的格子的颜色有关. 枚举(1,1)的颜色,联立方程,可以将未知数减少,那么并查集可做. 最后算答案的时候,有些 ...
图片延迟加载并等比缩放，一个简单的JQuery插件
使用方法: $(".viewArea img").zoom({height:74,width:103}); (function($){ $.fn.zoom = function(s ...
bespoke&lowbar;百度百科
bespoke_百度百科 bespoke
旧Mj下拉刷新 An instance 0xca90200 of class UITableView was deallocated while key value observers were s
An instance 0xca90200 of class UITableView was deallocated while key value observers were still regi ...
java第六章异常
异常: 程序运行一旦出现异常程序就会立刻结束不在向下运行处理异常:在程序执行代码时,万一发生了异常,程序会按照处理的方法对一场进行处理办法,程序将继续执行 try-catch-finally-thr ...

秒客网

call的其他应用

随机推荐

相关文章