zoukankan      html  css  js  c++  java
  • js中可以改变作用域的3中方法

    第一种方式:使用apply()方法: 

    function sum(x, y) {
     alert(this); return x + y;//这里的this指的是callS对象方法
    }
    function callS() {
    callS.callSum1(1, 2);
    }
    callS.callSum1 = function (x, y) {
     alert(this);//这里的this是callS方法
    var s = sum.apply(this, arguments);
    return s;
    }
     callS();

    第二种放方法:使用call()方法: 

    有关call方法:

    window.color="red";
    var o ={color:"blue"};
    function sayColor(a,b){alert(this.color);}
    sayColor();//red
    sayColor.call(this,1,2);//red
    sayColor.call(window,1,2);//red
    sayColor.call(o,1,2);//blue  

    l在使用call()方法时,必须明确地传入每一个参数。结果和apply一样。

    其实apply和call真正的强大用途在于,能够扩充函数赖以运作的作用域:

    这样扩充的最大好处,就是对象不需要与方法有任何耦合关系。

     第三种方法:使用new关键字:

    function Person(name,age){
      this.name=name;
      this.age=age;  this.sayName=function(){alert(this.name);};
    }
    var p1 = new Person("james",27);
    var p2 = new Person("coook",24);
    p1.sayName(); p2.sayName();
    lnew关键字:
    0开辟堆空间 1创建对象;2将构造函数作用域赋值给新对象(this就指向了该新对象);3执行构造函数中的代码(为新对象添加属性);4返回新对象
  • 相关阅读:
    css+js实现的一个导航栏
    各类插件的网页库
    vue构建项目全过程
    手把手教你使用Git
    创建git库
    VUE.JS的安装
    reset.css 初始化
    分布式事务方案
    线程池的参数
    每秒上千订单场景下,如何对分布式锁的并发能力进行优化
  • 原文地址:https://www.cnblogs.com/flyrock/p/2229524.html
Copyright © 2011-2022 走看看