es6中箭头函数原型

poop-io

于 2024-01-07 16:34:19 发布

阅读量679

点赞数 11

文章标签： es6 javascript 前端

本文链接：https://blog.csdn.net/yang_72/article/details/135441219

版权

本文详细介绍了箭头函数的特性，包括不绑定arguments、this行为、构造器限制等，并探讨了改变函数this指向的各种方法，如call(),bind(),apply()的差异，以及深拷贝和原型对象的实现和查找机制。

摘要由CSDN通过智能技术生成

箭头函数特性

箭头函数的特性

	不绑定arguments，用rest参数…解决
	本身没有this的概念，捕获其所在上下文的 this 值
	作为自己的 this 值，this指向全局
	箭头函数不能使用new（会报错）
	箭头函数没有原型属性(prototype)
	箭头函数不能当做Generator函数,不能使用yield关键字
	箭头函数不能换行
	箭头函数有constructor、length属性
	箭头函数可以立即执行

改变this指向的方法有哪些

1）
在指定位置定义this存为变量
2）
使用箭头函数
3）
使用setTimeout
4）
使用call()方法
5）
使用bind()方法
6）
使用applay()方法

call()，bind(),apply()区别

1.apply、call、bind他们三个都能改变函数this的指向问题；
2.apply、call这两个方法的主动调用，bind返回的是改变this指向后的新函数；
3.传参的问题区别，call和bind都是直接传递参数，apply传递的是数组

Function.prototype.callNew = function(content,...sum){
			console.log(!content);
			if(!content|| context === null|| context === undefined){
				context = window;
			}
			let fn = Symbol();
			content[fn] = this;
			return content[fn](...sum);
		}

深拷贝

function deepClone(obj){
		let objClone = Array.isArray(obj)?[]:{};
			if(obj && typeof obj==="object"){
		for(key in obj){
		 			if(obj.hasOwnProperty(key)){
		 				//判断ojb子元素是否为对象，如果是，递归复制
		 				if(obj[key]&&typeof obj[key] ==="object"){
		 					objClone[key] = deepClone(obj[key]);
		 				}else{
		 					//如果不是，简单复制
		 					objClone[key] = obj[key];
		 				}
		 			}
		 		}
		 	}
		 	return objClone;
		 }    
		 let a=[1,2,3,4],
		 b=deepClone(a);
		 a[0]=2;
		 console.log(a,b);

原型

方法一:
		// 	Array.prototype.shifts = function(){
		// 	for(var i=0;i<this.length-1;i++){
		// 		this[i] = this[i+1];
		// 	}
		// 	this.length = this.length-1;
		// }
		// var arr = [11,22,33];
		// arr.shifts();
		// console.log(arr);

方法二:
	// Array.prototype.unshifts = function(user){
	// 	this.length = this.length+1;
	// 	for(var i=this.length-1;i>=0;i--){
	// 		this[i] = this[i-1];
	// 	}
	// 	this[0] = user;
	// }
	// var arr = [11,22,33];
	// arr.unshifts(44);
	// console.log(arr);