<!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. HDFS文件系统上传时序图 PB级文件存储时序图

    自己设计的时序图. 来自为知笔记(Wiz)

  2. Gradle编译spring3.x报错找不到itextpdf4.2.2解决方案

    google搜到一篇文章:http://www.bdtool.net/blog_356.html 试了文章里的两个方法,方法一不行,方法二有点搞头,但是还有些错.试着试着,突然成功了~ 我是这么做的 ...

  3. 【C语言】打印1到最大的n位数

    //打印1到最大的n位数 //输入数字n,按顺序打印出从1到最大的n位十进制数. 比方:输入3.则打印出1.2一直到最大的3位数999 #include <stdio.h> #includ ...

  4. HDU 4714 Tree2cycle(树型DP)

    解题思路: 将一棵树变成一个环.假设一个结点的分叉数目大于等于2.则将它与父节点断开.而且断开子结点数目sum - 2条边,并再次连接sum-2个儿子形成一条直链然后这条游离链与还有一条游离链相连,共 ...

  5. vue2.0-transition动画

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. vue22 路由

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. Lesson 2 Building your first web page: Part 1

    In this ‘hands-on’ module we will be building our first web page in no time. We just need to quickly ...

  8. Centos7 zabbix3.4.6的安装部署 （二）

    接着安装zabbix客户端 直接安装在服务器上 监控服务器 ip 192.168.161.25 yum -y install zabbix-agent #通过Yum安装zabbix客户端 接着配置za ...

  9. 19.volatile

    volatile 编译器会自动优化,而volatile起到的作用是禁止优化,每次读内存

  10. Gym - 100203A Ariel 暴力+位运算

    题意:第i种生物有k[i]个特征,分数是score[i],现在要参加竞赛,报出一种生物a,和一些特征h[i],参加竞赛的所有生物在这些h[i]上面的特征是一样的,a生物有h[i],则所有竞赛的生物都必 ...