<!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. linux虚拟机拓展大小

    http://blog.csdn.net/wutong_login/article/details/40147057?utm_source=tuicool http://www.linuxidc.co ...

  2. centos 项目上线shell脚本

    最近在弄项目上线,然后写了个上线,备份,回滚的shell脚本 上线可根据自己公司项目做相关操作,备份回滚可修改目录则可实现 主管要求用shell写,那就用shell写吧 本想Python写更好的 哈哈 ...

  3. shrio 授权

    授权,也叫访问控制,即在应用中控制谁能访问哪些资源(如访问页面/编辑数据/页面操作等).在授权中需了解的几个关键对象:主体(Subject).资源(Resource).权限(Permission).角 ...

  4. vue --- cli build 后的项目，图片路径出错

    今天在插入背景图片过程中,遇到了路径错误的问题,通过网上查询,找到了解决的办法,但是大部分都没有讲造成这种问题的原因,故我简单地总结了一下,并加入了一些自己的理解,欢迎共同探讨~ 当用vue-cli自 ...

  5. P3507 [POI2010]GRA-The Minima Game

    题目描述 Alice and Bob learned the minima game, which they like very much, recently. The rules of the ga ...

  6. Python(三) 变量与运算符

    一.什么是变量 变量 = [1,2] 二.变量的命名规则 字母,数字,下划线,首字母不能是数字 系统关键字 不能用在变量名中 保留关键字 区别大小写 a=1,   a='1',   a=(1,2),  ...

  7. javascript 基础篇 随课笔记

    !DOCTYPE HTML><html><head><meta name="content-type" content="text/h ...

  8. Copying GC (Part two :Multi Space Copying GC)

    目录 近似深度优先搜索方法 Cheney的GC复制算法 前提 执行结果 多空间复制算法 multi_space_copying()函数 mark_or_copy() copy() 执行过程 优缺点 近 ...

  9. SpringBoot与SpringCloud的区别

    1.Spring boot 是 Spring 的一套快速配置脚手架,可以基于spring boot 快速开发单个微服务:Spring Cloud是一个基于Spring Boot实现的云应用开发工具: ...

  10. SpringBoot常用注解的介绍及使用 - 转载

    常用注解 @springBootApplication 系统启动类注解,此注解是个组合注解,包括了:@SpringBootConfiguration,@EnableAutoConfiguration, ...