1. 1.call()的使用
    <script type="text/javascript">
  2. var obj1 = {
  3. name:'bob',
  4. fn:function(){
  5. console.log(this); //对象本身{name: "bob", fn: ƒ}
  6. console.log(this.name); //bob
  7. }
  8. }
  9. obj1.fn();
  10. var obj2 = {
  11. name:'call调用obj1的方法'
  12. }
  13. obj1.fn.call(obj2);//this--->{name: "call调用obj1的方法"} 相当于obj2.name;
  14. obj1.fn.call(this); //指向window指向全局作用域
  15. obj1.fn.call(window); //指向window
  16. //call传递的第一个参数是this指向需要改变的对象,其实就是改变了函数调用时this指向,this指向第一个参数,第二个参数为传给该函数的实参(用逗号隔开)
  17. </script>
  1. 2.apply call 的区别
    <script type="text/javascript">
  2. var num = 0;
  3. var obj1 ={
  4. num:1,
  5. fn:function(a,b){
  6. console.log(this) //{num: 2}
  7. console.log(this.num) //
  8. console.log(a+b) //
  9. }
  10. }
  11. var obj2 = {
  12. num:2
  13. }
  14. obj1.fn.call(obj2,'10','20');
  15. obj1.fn.apply(obj2,['10','20']);
  16. //call和apply都能进行函数的调用,传参方式不一样call一般参数明确用逗号隔开,apply一般为参数不明确,参数以数组方式
  17. </script>
  1. 3.找出数组的最大数(传统)
    <script type="text/javascript">
  2. var arr = [1,2,3,4,10];
  3. var num =0;
  4. for (var i=0;i<arr.length;i++) {
  5. if(num<arr[i]){
  6. num = arr[i]
  7. }
  8. }
  9. console.log(num)
  10. </script>
  1. 4. apply 找出数组的最大值和最小值
    <script type="text/javascript">
  2. var arr = [1,2,3,4,10];
  3. var maxNum = Math.max.apply(window,arr);
  4. var minNum = Math.min.apply(null,arr);
  5. console.log(maxNum);//10
  6. console.log(minNum);// 1
  7. </script>
  1. 5.bind 的使用
    <script type="text/javascript">
  2. var num = 6;
  3. var obj1 = {
  4. num: 10,
  5. fn: function(x, y) {
  6. return this.num + x + y;
  7. }
  8. }
  9. var obj2 = {
  10. num: 8
  11. }
  12. var a = obj1.fn.bind(this, 1, 2)(); //改变函数调用时this指向,此时this是window;
  13. console.log(a)//
  14. </script>

ES5函数新增的方法(call、apply、bind)的更多相关文章

  1. 带你学习ES5中新增的方法

    1. ES5中新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括以下几个方面 数组方法 字符串方法 对象方法 2. 数组方法 迭代遍历方法:forEach().map().filter( ...

  2. 前端学习之回调函数、call方法、apply方法

    今天学习的内容比较少,大部分时间是自己在写qq音乐和京东移动端的页面.现在说说今天学到的内容: 首先,回调函数,就是在函数内部中调用另外一个函数, 将一个函数当作参数传给另一个函数,被传的函数叫做回调 ...

  3. ES5对象新增的方法

    Object.is()-----判断是否全等,和===一样Object.assign()-----对象的复制Object.keys()-----以数组的形式返回所有可遍历属性的键名,原型上的属性不能遍 ...

  4. Es5数组新增的方法及用法

    1.forEachforEach是Array新方法中最基本的一个,就是遍历,循环.例如下面这个例子: [1, 2 ,3, 4].forEach(alert);等同于下面这个传统的for循环: var ...

  5. 《JS权威指南学习总结--8.7 函数属性、方法和构造函数》

    内容要点:   在JS程序中,函数是值.对函数执行typeof运算会返回字符串 "function",但是函数是JS中特殊的对象.因为函数也是对象,它们也可以拥有属性和方法,就像普 ...

  6. Function.apply.bind()与Function.apply.bind()

    1.Function.apply.bind(…) 我在学习promise部分的时候遇到了这样的代码: Promise.resolve([10,20]).then(Function.apply.bind ...

  7. 作用域链和函数内部this指向问题以及bind、call、apply方法

    作用域链和函数内部this指向问题以及bind.call.apply方法 作用域链 作用域是相对于变量而言的, 其意义就在与查找变量(确定变量的来处, 变量是否可以访问到, 确定变量在当前位置是否可以 ...

  8. call,apply,bind——js权威指南函数属性和方法章节读书笔记

    每个函数(即这两个方法是函数的方法)都包含两个非继承而来的方法: apply()和 call().参数明确,使用call.参数不明确,使用apply,可以遍历数组参数 1,call里面的参数是散开的, ...

  9. JS 的 call apply bind 方法

    js的call apply bind 方法都很常见,目的都是为了改变某个方法的执行环境(context) call call([thisObj[,arg1[, arg2[,   [,.argN]]]] ...

随机推荐

  1. Spring3 Schedule Task之注解实现 (两次起动Schedule Task 的解决方案)

    Spring3 Schedule Task之注解实现 (两次起步Schedule Task 的解决方案)Spring3 Schedule Task之注解实现 (两次启动Schedule Task 的解 ...

  2. 最大网络流 EK 算法

    网络流是什么类型的问题,看一道题目你就知道了 点击打开链接 . 默认具备图论的基本知识,网络流概念比较多,先看看书熟悉一下那些概念.比较好!一个寄出的网络最大流.EK算法写的. 这是一幅网络,求S   ...

  3. UVA-10600(次小生成树)

    题意: 现在给一个图,问最小生成树和次小生成树的权值和是多少; 思路: 求最小生成树的两种方法,次小生成树是交换最小生成树的其中一条边得到的,现在得到了最小生成树,枚举不在次小生成树中的边,再求一边最 ...

  4. Prime Cryptarithm

    链接 分析:对于三位数我们限定为[100,999],两位数我们限定为[10,99],然后我们依次判断是否满足乘法式且各个数位是否在数列中,若都满足+1 /* PROB:crypt1 ID:wangha ...

  5. 【AHOI2009】中国象棋

    [题目链接] 点击打开链接 [算法] 动态规划 f[i][j][k]表示前i行,有j列放了1个,有k列放了两个 分六种情况讨论即可 [代码] #include<bits/stdc++.h> ...

  6. 【2017省中集训DAY1T1】 小X的质数

    [题目链接] 点击打开链接 [算法] 如果一个数是小X喜欢的数,那么有两种可能: 1.这个数是质数 2.这个数除以它的最小质因子是一个质数 所以我们可以用线性筛+前缀和的方式预处理,询问的时候O(1) ...

  7. vue-router 基本知识点

    vue-router就是将组件映射到路由,然后告诉vue-router在哪里渲染它们. 默认路由出口 <router-view></router-view> 使用router- ...

  8. 实现列表两端完全对其text-aligh:justify 和display:inline-block

    dispaly:inline-block 对于块级元素,在IE8-下是不兼容的,所以一般不要用在这些元素上,可以用在inline元素上:span text-align:justify实现子元素完全对齐 ...

  9. VC将同一份代码同时编译为Dll和Exe的方法

    开发中经常遇到这样的情况,需要开发一个某某功能的接口Dll,但是Dll不能直接调试,你至少需要一个Loader 但是Loader和Dll本身不在同一个工程里,虽然都在本机的话并不影响源码级调试,但是总 ...

  10. poj2186【利用强连通分量】

    题意: 有n头奶牛,然后有个规则是A->B,B->C,那么A->C: A觉得B受欢迎,B觉得C受欢迎,那么A觉得C受欢迎: 求:被其他所有牛都欢迎的牛的数量: 思路: 原来的思路: ...