<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        var k = 10 ;

        function test(){

            this.k = 20;

        }

        alert(window.k);//10

        alert(k);//10

        test();//window.test()

        alert(test.k);// undefined

        alert(window.k);//20

        alert(k);//20

        var t = new test();

        alert(t.k);//20

        // this:this对象是指在运行时期基于执行环境所绑定的

        // this总是指向调用者,也就是说 谁调用了我 我就指向谁

        </script>

    </head>

    <body>

    </body>

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        function sum(x , y){

            return x+y;

        }

        function call1(num1 , num2){

            return sum(num1 , num2);//函数可以嵌套调用

        }

        console.log(call1(1,2));

/* 每一个函数都包含两个非继承而来的方法：call、apply。把方法动态加在对象上，给对象加一个已有的新方法，代码的复用。语句执行完对象就没有这个方法了。

使用call（）、aplly（）来扩充作用域的最大好处就是对象不需要与方法有任何耦合关系。 */

        //call apply  把方法动态加在对象上，给对象加一个已有的新方法，代码的复用。简单的用法:绑定一些函数 用于传递参数 调用

        function sum(x , y){

            return x+y;

        }

        function call1(num1 , num2){

            return sum.call(this , num1 , num2);//调用的方法-call-（对象，参数）

        }

        function apply1(num1 , num2){

            return sum.apply(this , [num1,num2]);

        }

        alert(call1(10 , 20));

        alert(apply1(20,40));

        window.color = 'red';

        var obj = {color:'blue'};

        var obj2 = {color:'yellow'};

        function showColor(){

            alert(this.color);

        }

        showColor.call(window);

        showColor.call(obj);//把方法加在对象上，给对象加一个已有的新方法。

        // call方法的简单模拟与实现

        //function 方法

        function test1(a , b){

            return a+b;

        }

        // 函数名字大写，表示是类，（规范）

        function Obj(x, y){

            this.x = x ;

            this.y = y ;

            return x*y;

        }

        var o = new Obj(10 , 20);//return对o没影响

        o.method = test1 ;

        alert(o.method(o.x , o.y));

        delete o.method;//o不是{}格式，也可以删除方法属性，语句执行完对象就没有这个方法了

        alert(test1.call(o,o.x ,o.y));//语句执行完对象就没有这个方法了

        ===============================================================

        function Obj(x, y){

            this.x = x ;

            this.y = y ;

            this.say = function(){alert(123);}

            return x*y;

        }

        function test1(a , b){

            return a+b;

        }

        var o = new Obj(10 , 20);//return对o没影响

        alert(o.x);

        delete o.x;

        alert(o.x);//undefined

        o.say();//123

        delete o.say;

        o.say();//o.say is not a function

        o.method = test1 ;

        alert(o.method(o.x , o.y));//30

        delete o.method;//语句执行完对象就没有这个方法了

        alert(o.method(o.x , o.y));//o.method is not a function

        </script>

    </head>

    <body>

    </body>

</html>

js09--函数 call apply的更多相关文章

  1. Javascript中call函数和apply函数的使用

    Javascript 中call函数和apply的使用: Javascript中的call函数和apply函数是对执行上下文进行切换,是将一个函数从当前执行的上下文切换到另一个对象中执行,例如: so ...

  2. 函数的apply、call方法和length属性

    函数的apply.call方法和length属性JavaScript为函数对象定义了两个方法:apply和call,它们的作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数的方式有所区别:Fu ...

  3. javascript中call函数与apply

    javascript中的call方法使当前对象可以调用另一个对象的方法,即改变this的指向内容 var first_object = { num: 42 }; var second_object = ...

  4. pandas的map函数与apply函数的区别

    import pandas as pd import numpy as np df = pd.DataFrame(np.random.randn(4,3),columns=list("ABC ...

  5. [Effective JavaScript 笔记]第21条：使用apply方法通过不同数量的参数调用函数

    apply()方法定义 函数的apply()方法和call方法作用相同,区别在于接收的参数的方式不同.apply()方法接收两个参数,一个是对象,一个是参数数组. apply()作用 1.用于延长函数 ...

  6. call,apply,bind函数

    一.call函数 a.call(b); 简单的理解:把a对象的方法应用到b对象上(a里如果有this,会指向b) call()的用法:用在函数上面 var Dog=function(){ this.n ...

  7. javascript中函数的call，apply及bind方法

    call 方法调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,  [,.argN]]]]])参数thisObj可选项.将被用作当前对象的对象. ...

  8. 函数对象的call()、apply() 方法区别

    函数对象的call().apply() 方法 函数作为对象提供了call(),apply() 方法,他们也可以用来调用函数,这两个方法都接受一个对象作为参数,用来指定本次调用时函数中this的指向: ...

  9. this、apply/call、bind、闭包、函数、变量复制

    一.实际场景中抽象出的一个问题 下面this各指向什么? var a = { b: function() { console.log(this); }, f: function() { var c = ...

  10. R语言中apply函数

    前言 刚开始接触R语言时,会听到各种的R语言使用技巧,其中最重要的一条就是不要用循环,效率特别低,要用向量计算代替循环计算. 那么,这是为什么呢?原因在于R的循环操作for和while,都是基于R语言 ...

随机推荐

  1. vmware下ubuntu的网络配置

    捣弄了vmnet0和vmnet8连接后,ubuntu上不了网了,今天突然解决了这个问题. 打开vmware后,点编辑-->虚拟网络编辑器 这里我使用的是NAT模式,所以要修改vmnet8 点vm ...

  2. Lesson 2 Building your first web page: Part 3

    Time to build your first HTML page by hand I could go on with more theory and send half of you to sl ...

  3. Word 操作组件介绍 - Spire.Doc

    http://www.cnblogs.com/liqingwen/p/5898368.html

  4. 智课雅思短语---一、be no exception

    智课雅思短语---一.be no exception 一.总结 一句话总结:…也不例外? …be no exception 1.经济的快速发展? the rapid development of ec ...

  5. HDU2665 kth number 线段树做法

    题意:求区间第k小 思路: 线段树 每个节点上保存 当前区间已经排序好的序列 (归并一下就好了嘛 复杂度 O(l)的) 这样建树的时空复杂度都是 O(nlogn)的 对于 每次询问 二分一个答案 在树 ...

  6. 分享vue中 slot用法

    //slot默认用法 //slot带参数name用法

  7. Linux常用截图软件

    1.Gnome-screenshot 是一款 GNOME 截图工具,顾名思义,它是一款用来对整个屏幕.一个特定的窗口或者用户所定义一些其他区域进行捕获的工具.该工具提供了几个其他的功能,包括对所捕获的 ...

  8. C/C++(C++返回对象与应用区别,类成员的存储)

    返回对象与应用区别: 拷贝构造器发生的时机: 1.构造新对象 A a, A b = a; 2.传参或返回对象 对于普通变量来说,传引用效果不是很明显,对于类对象而言,传对象效果很高. 传引用等价于扩大 ...

  9. javaScript学习之正则表达式初探

    正则表达式    正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表达式通常被用来检索.替换那些符 ...

  10. Node书签

    1.开源项目 [译]过去一年25个惊人的开源Node.js项目(2018版) 百度网盘下载助手