js call方法的原理

最新推荐文章于 2024-07-22 15:13:59 发布
最新推荐文章于 2024-07-22 15:13:59 发布
阅读量143 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_gust_wind/article/details/121164727
版权

JavaScript Function.prototype.mycall newFunction 性能 代码执行
关键词由CSDN通过智能技术生成 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script type="text/javascript">
	Function.prototype.mycall = function(obj){
		var content = obj || window;
		console.log(content,arguments[0],'我是content')
		console.log(arguments,'我是arguments')
			content.fn = this;
		let str = '';
		for(let i =1,len=arguments.length;i<len;i++){
			
			if(i==len-1){
				str = str +arguments[i];
				break
			}
			str = str +arguments[i]+',';
		}
		
		let fun = new Function('content','return content.fn('+str+')');
		let resulut = fun(content);
		delete content.fn;
		return resulut;
	}
	function f1(a,b){
		console.log(a,b);
		console.log(this,'f1里的this')
		console.log(this ==obj)
		return 3;
	}
	let obj = {0:'name',1:'age',2:15,length:3};
	let cc = f1.mycall.mycall.mycall(f1);
	console.log(cc)
	
</script>

执行字符串的代码有new Function还有eval eval比较耗性能

a_gust_wind
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript函数Call、Apply原理实例解析
10-15
JavaScript中的`call`和`apply`都是函数对象的两个重要方法，它们的作用在于改变函数调用时的上下文（即`this`值）并允许在不同的对象上复用方法。这两个方法都允许我们动态地传入参数，但传递参数的方式有所不同。 ...
js代码-call方法
07-16
在这里，我们将深入探讨`call`方法的工作原理、语法结构，以及在实际开发中的应用。 首先，`call`方法的基本语法如下： ```javascript function.call(thisArg, arg1, arg2, ..., argN) ``` - `thisArg`：调用函数...
深度解析 JavaScript 中call方法原理
qq_44410862的博客
11-19 2075
一丶深度解析 JavaScript 中call方法原理 call 方法是 Function 类原型上的一个公共方法，我们知道所有的函数都是 Function 类的一个实例(对象)，当然，call函数本身也是Function类的一个实例。 任何一个函数都可以调用call方法，包括call方法本身。函数调用call方法时，是把函数作为Function的实例也就是对象身份的。 function fn1() {} console.log(Function.prototype.call.__proto__ === F
js call原理，apply原理
sstraybird的专栏
10-14 170
js call 和 apply原理
JS call方法原理
liubangbo的专栏
11-15 8014
原文转自：https://blog.csdn.net/u010377383/article/details/80646415 前言 本来计划是, 先把深入React技术栈过完,  但是，现在在满足RN app开发情况下，我还是先深入js一个系列。 （一）call源码解析 首先上一个call使用 function add(c, d) {   return this.a + this.b + c...
js中call方法的原理
平平无奇小码农的博客
09-14 205
内部实现： Function.prototype.myCall = function(param) { // 这个this就是调用myCall函数的，在这里是fun函数 if(typeof this !== 'function'){ return new TypeError('Not a Function'); } param = param || window; param.fn = this; // arguments是类数组，用Array.from()转一下 let arg
js call方法实现原理
qq_41999592的博客
07-30 1258
前言 我们知道call方法可以改变this的指向 使用方法如下 const book = '《十万个为什么》' function log() { console.log('这本书是' + this.book)// this默认指向全局window对象 } log() // 这本书是《十万个为什么》 const instance = {book:'《从你的全世界路过》'} // 改变this指向instance log.call(instance)// 这本书是《从你的全世界路过》 log函数中使
理解JavaScript Call()函数原理。
嘿嘿
08-25 436
最近在做面试题的过程中偶然碰到关于call函数的问题。然后再百度上查了查。偶然看到一篇文章：JavaScript中的call、apply、bind深入理解抛开其对call函数基本概念的介绍还有其他原理的介绍。其中一段函数吸引了我。 function fn1(){ console.log(1); } function fn2(){ console.log(2); } fn1.call(fn2); //输出 1 fn1.call.call(fn2); //输出 2 .
详解JS中 call 方法的实现
华为云官方博客
09-26 1770
本文将全面的，详细解析call方法的实现原理
手写js中的call 方法（原理分析）
qq_48959471的博客
04-03 745
我们通常使用call 来 修改某个对象的指向，但是你了解其中的原理吗？ 1.首先所有构造函数都能使用，说明什么？ 其实call 本身是构造函数原型上的一个方法 即（Function.prototype上的方法） 2.为什么能使用传入的对象中的属性呢？ 实则是在传入的对象中，又声明了此构造函数（函数），则构造函数中就能使用此对象中的属性啦 明白了这两点，我们就开始实现咯，上代码！ Function.prototype.newCall =function(obj,...args){
Javascript的this指向：call方法原理
qq_39225639的博客
09-13 365
Function.prototype.myCall = function (){ //得到对象 var ctx = arguments[0] //用于存储参数 var argArr = [] ctx.callFn = this console.log(this) for (var i = 1;i<arguments.length;i++
JavaScript call函数原理
huahuahua__的博客
03-15 424
Function.prototype.fakeCall = function (context) { var content = context || window; context.fn = this; //保存函数 var args = [...argements].slice(1); var result = content.f...
JavaScript中call和apply方法的区别实例分析
10-18
在JavaScript中，`call` 和 `apply` 都是函数对象的方法，它们的主要目的是改变函数执行时的上下文，即改变`this`的指向。由于JavaScript的动态类型特性，`this`的值可以在运行时根据函数调用的不同方式而变化。这两...
利用javascript中的call实现继承
10-31
在JavaScript中，`call`和`apply`方法是两种非常重要的函数调用方式，它们允许我们改变函数执行时的上下文（即`this`的指向）以及传递参数。在这里，我们将详细讨论如何利用`call`实现继承，并结合提供的代码示例...
JavaScript中Object.prototype.toString方法的原理
01-19
在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. var arr = []; console.log(Object.prototype.toString.call(arr)) //[object Array] 本文要讲的就是,...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 233
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
VUE中的重点*
最新发布
qq_61132537的博客
07-22 374
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
jquery-选择器常见用法
随笔
07-18 199
jquery-选择器，对象下有多个子元素时如何选择
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 924
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
object.prototype.tostring.call原理
06-02
`Object.prototype.toString.call()`是一种常用的方式来判断一个变量的类型。其原理是：每个对象都有一个`toString()`方法，用于返回一个表示该对象的字符串。当我们使用`Object.prototype.toString()`方法时，它会先找到该对象的`toString()`方法，然后调用该方法并返回结果。但是，如果我们直接调用某个对象的`toString()`方法，可能会得到与预期不符的结果，因为该对象的`toString()`方法可能被重写或者是无法输出有用的信息。 因此，为了解决这个问题，我们使用`Object.prototype.toString.call()`方法来获取一个变量的类型。它的原理是将`Object.prototype.toString()`方法的`this`指向要判断类型的变量，这样就可以返回该变量的类型字符串了。例如： ```javascript Object.prototype.toString.call('') // "[object String]" Object.prototype.toString.call(1) // "[object Number]" Object.prototype.toString.call([]) // "[object Array]" Object.prototype.toString.call({}) // "[object Object]" ``` 这样就可以得到一个变量的准确类型，并且不受该变量的`toString()`方法是否被重写的影响。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值