• 函数的属性和方法(apply()、call())


    //length属性:表示函数希望接收的命名参数的个数
    //prototype属性:保存所有实例方法的地方,如toString()和valueOf()都保存在prototype下
    console.log("函数的属性length,prototype");
    function sayName(name) {
        alert(name);
    }
    
    function sum(num1, num2) {
        return num1 + num2;
    }
    
    function sayHi() {
        alert('hi');
    }
    
    console.log(sayName.length);//1
    console.log(sum.length);//2
    console.log(sayHi.length);//0
    
    /*
    *apply()和call()方法:改变函数体内this对象的值(可以理解为作用域),真正的作用是可以扩充函数赖以运行的作用域
    *apply()接收两个参数,第一个为作用域(也就是要改变this所指向的值),第二个参数为参数数组,可以是Array的实例,也可以是arguments对象
    *call()方法与apply()方法作用相同,区别在于接收参数的方式不同,第一个为作用域,其他的为要传入的参数,以枚举的方式传入
    */
    console.log("apply()方法和call()方法");
    function sum2(num1, num2) {
        return num1 + num2;
    }
    
    function callSum1(num1, num2) {
        return sum2.call(this, num1, num2);//sum2的作用域设置成callSum1,传入callSum1的参数num1, num2
    }
    
    function callSum2(num1, num2) {
        return sum2.apply(this, arguments);//sum2的作用域设置成callSum1,传入callSum2的参数arguments
    }
    
    console.log(callSum1(1, 2));//3
    console.log(callSum2(3, 2));//5
    
    //扩充函数运行的作用域
    console.log("扩充函数运行的作用域");
    
    window.color = "red";
    var o = {color: "blue"};
    
    function sayColor() {
        console.log(this.color);
    }
    
    sayColor(this);//red
    sayColor(window);//red
    sayColor(o);//blue
  • 相关阅读:
    核新同花顺数据结构
    python发送各类邮件的主要方法
    Tesseract-OCR引擎 入门
    ruby函数回调的实现方法
    软件单元测试之我见
    cocos cteator中tiled模式 用图集容易出线
    入坑CCC遇到的一些坑啊
    关于委托的理解
    火狐浏览器的三个坑
    抗锯齿的BUG
  • 原文地址:https://www.cnblogs.com/qiangspecial/p/3129865.html
Copyright © 2020-2023  润新知