其实项目中还没有用到。

但自己还是想逐步了解一些高级的JS语法，不是为了炫技，也不像找前端的工作。

主要目的是：1.学习设计思想，提升解决问题的能力2.让自己的脑子动起来，别太笨。

简单的几句话总结一下call,apply和bind：

三者都是为了改变函数执行时的上下文环境。
We really do want to be able to ask deep_thought a question when we click the button, and more generally, we do want to be able to call object methods in their native context when responding to things like events and setTimeout calls. Two little-known JavaScript methods, apply and call, indirectly enable this functionality by allowing us to manually override the default value of this when we execute a function call. (手动重写默认的this值)
call方法的第一个参数定义了this关键字在被调用方法的执行上下文中指向和对象，call方法的剩余参数则是被调用方法的参数。

apply方法和 call方法基本一致,但是允许你以数组的形式向被调用的函数传递参数.
all是立即执行函数的，因此我们提供的 onclick handler是函数的执行结果而不是函数本身.我们需要JavaScript的另一个特性来解决这个问题：bind方法。
bind方法：对于给定函数，创建具有与原始函数相同的主体的绑定函数。 在绑定函数中，this 对象将解析为传入的对象。 绑定函数具有指定的初始参数。

两个参考网址：
JavaScript的this,call(),apply(),bind()http://blog.csdn.net/golden_chan/article/details/4030111
微软官方bind指南（MSDN大法好！！！）https://msdn.microsoft.com/zh-cn/library/ff841995
bind   function.bind(thisArg[,arg1[,arg2[,argN]]])
如果理解了bind，那么call和apply也就会轻松一些了，下面就直接上代码了，代码直接复制的MSDN，自己又修改了几句做了一点点测试。再说一遍：MSDN大法好！！！
第一个：bind填充this对象
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<script language="JavaScript">

    var checkNumeericRange = function(value){

        if(typeof value !=='number')

            return false;

        else

            return value>=this.minimum && value<=this.maxmum;

    }

    var checkNumeericRange1 = function(value,r){

        if(typeof value !=='number')

            return false;

        else

            return value>=r.minimum && value<=r.maxmum;

    }

    var range = {minimum:10,maxmum:20};

    var boundCheckNumericRange = checkNumeericRange.bind(range);

    var result = boundCheckNumericRange(12);

    var result1=checkNumeericRange(12);

    var result2=boundCheckNumericRange(21);

    var result3=boundCheckNumericRange('adssad');

    var result4=checkNumeericRange1(12,range);

    document.writeln(result);//true

    document.writeln(result1);//false

    document.writeln(result2);//false

    document.writeln(result3);//false

    document.writeln(result4);//true

</script>

</body>

</html>

第二个：bind改变原有的this对象

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<script language="JavaScript">

    var originalObject={

        minimum:50,

        maxmum:100,

        checkNumericRange:function(value){

            if(typeof value !== 'number')

                return false;

            else

                return value>=this.minimum && value<=this.maxmum;

        }

    }

    var result=originalObject.checkNumericRange(10);

    document.writeln(result);

    var range={minimum:10,maxmum:20};

    //MSDN的原版写法

    // Create a new version of the checkNumericRange function that uses range.

    var boundObjectWithRange = originalObject.checkNumericRange.bind(range);

    // Check whether 10 is in the numeric range.

    var result = boundObjectWithRange(10);

//    这样写也可以：

//    var boundObjectWithRange=originalObject.checkNumericRange.bind(range,39);

//    var result=boundObjectWithRange()

    document.write(result);

</script>

</body>

</html>

第三个：利用[,arg1[,arg2[,argN]]]传入参数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<script language="JavaScript">

    var displayArgs = function(val1,val2,val3,val4){

        document.write(val1 + " " + val2 + " " + val3 + " " + val4);

    }

    var emptyObject = {};

    var displayArgs2 = displayArgs.bind(emptyObject,12,"a");

    displayArgs2("b","c");

</script>

</body>

</html>

初学bind的更多相关文章

  1. 【Win10】UAP/UWP/通用 开发之 x:Bind

    [Some information relates to pre-released product which may be substantially modified before it's co ...

  2. 初学socket，c语言写的简单局域网聊天

    在客户端所在的目录新建一个IP.bwj的文件,写上服务端的IP,不要带空格,保存.双方都打开一个客户端和一个服务端就可以聊天了,(可以写自己的IP,自己跟自己聊..)没有第三方服务器,服务端所在的电脑 ...

  3. 理解javascript中的Function.prototype.bind

    在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如 ...

  4. 基于Bind实现的DNS正反向解析及主从DNS的配置

    一.什么是DNS? 1.1 简单的理解,Domain Name System,是互联网一项核心的服务,他作为一个桥梁可以将域名和IP地址相互因素的一个分布式数据库,能够使人更加方便的访问互联网,而不用 ...

  5. Asp.Net初学小结 判断数组中是否有重复的数据

    Asp.Net初学小结   第一章   1.搭建Asp.net开发环境   1).net FrameWork(VS) 2)IIS(xp:5.1,2003:6.0,vista:70,win7:7.5)  ...

  6. 【spring boot】SpringBoot初学（2.1） - properties读取明细

    前言 算是对<SpringBoot初学(2) - properties配置和读取>的总结吧. 概念性总结 一.Spring Boot允许外化(externalize)你的配置.可以使用pr ...

  7. std::bind接口与实现

    前言 最近想起半年前鸽下来的Haskell,重温了一下忘得精光的语法,读了几个示例程序,挺带感的,于是函数式编程的草就种得更深了.又去Google了一下C++与FP,找到了一份近乎完美的讲义,然后被带 ...

  8. JS核心系列：浅谈 call apply 与 bind

    在JavaScript 中,call.apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果.本文将对这 ...

  9. UWP中新加的数据绑定方式x:Bind分析总结

    UWP中新加的数据绑定方式x:Bind分析总结 0x00 UWP中的x:Bind 由之前有过WPF开发经验,所以在学习UWP的时候直接省略了XAML.数据绑定等几个看着十分眼熟的主题.学习过程中倒是也 ...

随机推荐

  1. 1、java线程模型

    要了解多线程,先需要把java线程模型搞清楚,否则有时候很难理清楚一个问题. 硬件多线程: 物理机硬件的并发问题跟jvm中的情况有不少相似之处,物理机的并发处理方案对于虚拟机也有相当大的参考意义.在买 ...

  2. Java反射机制一 概念和简单的使用方法。

    一 概念 java反射机制属于 java动态性之一  ,指的是可以运行时加载,探知,使用编译期间完全未知的类,程序在运行状态中,可以动态的加载一个只有, 名称的类,对于任意一个已加载的类,都能够知道这 ...

  3. ajax数据获取与传送

    function service_ajax(){ var migrate_style = $('#myTab').find('.active').attr('value'); //jquery获取页面 ...

  4. 【实用类String】String类方法的应用案例：查找判断指定字符出现的次数和位置

    一.应用要求 输入一个字符串,再输入要查找的字符,判断该字符在该字符串中出现的次数. 二.实现思路 1.使用substring()方法将字符串的每个字符存入数组 2.比较数组每个字符是否与指定的字符相 ...

  5. vue——计算属性和侦听器

    一.计算属性(data中的相关数据) 侦听多个属性时——计算属性 comuted. 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的.在模板中放入太多的逻辑会让模板过重且难以维护.例如: & ...

  6. cocoapods的安装和安装过程中遇到的问题

    查看当前的ruby版本,我的版本是ruby 2.0.0p648 小于2.2安装cocoapods时会遇到以下问题 $ ruby -v 查看当前ruby源,默认为 https://rubygems.or ...

  7. 响应式 Web 设计 - Viewport 和手机变框变粗的问题

    一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下: <meta name="viewport" content="width=devi ...

  8. 003Angular2中使用ng-bootstrap

    1.检查@angular/cli版本 命令行ng -v ,版本号必须大于1.0.0-beta.24 2.新建工程 工程所在目录,命令行ng new my-app --style=scss 带style ...

  9. arcgis版接合图表5.2 免费软件，支持国家2000坐标系，ArcGIS10.0,ArcGIS10.1,ArcGIS10.2都可以使用

    下载地址:http://files.cnblogs.com/gisoracle/jionmap52.rar 1.      国家2000,西安80,北京54.坐标系的接合图表生成.根据经纬度范围,坐标 ...

  10. CompletionService的poll方法

    1.poll():马上返回完成的任务,若没有,则返回null 2.poll(long timeout, TimeUnit unit): 等待timeout时间,如果大于最短任务完成时间,则获取任务结果 ...