• 关于JS中的this


    function fruits() {
    
    	}
    	fruits.prototype = {
    		color: 'red',
    		age: '30',
    		say: function() {
    			return this.color;
    		}
    	};
    
           
    	var fru = new fruits();
    	console.log(fru.say());
    
    	/*********************************/
    	banana = {
    		color: 'yellow'
    	};
    
            
    	console.log(fru.say.call(banana));
             //如果一个对象上面没有方法的话,可以用call,apply调用其他对象的方法,来改变                   //this的上下文
    	/*********************************/
    	var arr1 = [1, 2, 3];
    	var arr2 = [4, 5, 6];
            //用push模拟concat
    	Array.prototype.push.call(arr1, arr2); //[1,2,3,[4,5,6]]
    	Array.prototype.push.apply(arr1, arr2); //[1,2,3,4,5,6]
    	console.log(arr1);
    	/*********************************/
    	var num = [1, 2, 3, 4, 5];
            //获取数组中的最大值和最小值
    	var maxInnum = Math.max.apply(Math, num); //5
    	var maxInnum1 = Math.max.call(Math, 5, 1, 6, 3, 0); //6
    	console.log(maxInnum1);

    /*********************************/
            //让类数组有数组的方法
    	var domNodes=Array.prototype.slice.apply(document.getElementsByTagName("*"));
    	console.log(domNodes.push(1));
            
    	/*********************************/

    	function log() {
    var args = Array.prototype.slice.call(arguments); args.unshift('(app)'); console.log.apply(console, args); } log(10, 'aa'); log(5, 1); /*********************************/ var foo = { bar: 1, event: function() { document.getElementById('box').onclick = function() { alert(this.bar); }.bind(this); } }; foo.event(); /*********************************/ var bar1 = function() { console.log(this.x); }; var foo1 = { x: 3 }; var foo2 = bar1.bind(foo1); foo2(); /*********************************/ var bar2 = function() { console.log(this.x); }; var foo3 = { x: 10 }; bar2.call(foo3); bar2.apply(foo3); bar2.bind(foo3)(); /*********************************/
    //验证是否是数组(前提是toString()方法没有被重写过)
          functionisArray(obj){
                returnObject.prototype.toString.call(obj) === '[object Array]' ;
             }
    
            /*********************************/
    

      

      

    区别是,当你希望改变上下文环境之后并非立即执行,而是回调执行的时候,使用 bind() 方法。而 apply/call 则会立即执行函数。

         再总结一下: 

    • apply 、 call 、bind 三者都是用来改变函数的this对象的指向的;
    • apply 、 call 、bind 三者第一个参数都是this要指向的对象,也就是想指定的上下文;
    • apply 、 call 、bind 三者都可以利用后续参数传参;
    • bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 。
  • 相关阅读:
    前端代码规范
    AD 对联
    leaflet 入门笔记
    在Mac OS X上安装Git
    在Mac上开启C的新征程
    Python编程基础
    GitHub的使用(Git Shell)
    《网页设计心理学》Susan M.Weinschenk 小结精粹
    【问题】做图片验证码时乱码了,在header前加上ob_clean()就能神奇的显示?!
    --allow-file-access-from-files 命令的使用
  • 原文地址:https://www.cnblogs.com/web-alibaba/p/4838978.html
Copyright © 2020-2023  润新知