在JS中Function()和this的巧妙运用

最新推荐文章于 2022-05-02 20:17:24 发布
最新推荐文章于 2022-05-02 20:17:24 发布
阅读量1.6w 收藏 1
点赞数
分类专栏： JAVA 文章标签： 模棱博客
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24501105/article/details/79376999
版权
本文探讨了JavaScript中Function()和this的三种主要使用模式：构造器调用、函数调用和方法调用。在构造器调用中，new关键字会初始化函数并设置其this指向新创建的对象。函数调用时，this通常指向全局对象。而在方法调用中，this绑定到调用该函数的对象。
摘要由CSDN通过智能技术生成

原创于 【模棱博客】

JS 中巧妙使用 Function()和this

1.构造器调用模式
当我们把一个函数前面带上new来调用,则相同于 java中的实体初始化赋值,函数内置属性都会赋值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
         function test ( ) {
   this . testName = function ( ) {
return "1" ;
   }
   this . testName1
最低0.47元/天 解锁文章
【function this的指向性问题】
m0_65450343的博客
02-24 2406
目录 一，传统函数中的this指向 1，在全局中定义的函数，this指向window 2，对象方法中的this指向这个对象 3、构造函数创建对象的方法中的this指向new出来的实例化对象 4、定时器中匿名方法的this—指向window对象 二，箭头函数中的this指向 一，传统函数中的this指向 原则：方法由谁调用，this就指向谁 1，在全局中定义的函数，this指向window var name = "mickey "; //全局变量name相当于是window..
javascript中万恶的function实例分析
10-28
JavaScript中的函数是其最为基本和核心的特性之一，掌握JavaScript函数的使用是每个学习者必须面对的挑战。在这篇文章中，将深入探讨...随着学习的深入，你会发现函数在JavaScript编程中的更多用法和巧妙之处。
菜鸟学习笔记1
weixin_34037977的博客
11-14 495
认识js中的function和this javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：以下是引用片段：function func1(…){…}var func2=function(…){…};var func3=functi...
JavaScript中的函数
dshj的专栏
07-31 840
　　概述　　函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。JavaScript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法： function func1
认识js中的function和this
寒风问雪的专栏
03-19 960
javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法： 以下是引用片段： function func1(…){…} var func2=function(…){…}; var func3=function func4(…){…}; v
javascript之function的this
iteye_3352的博客
10-18 341
[color=green][size=medium][b]javascript之function的this[/b][/size][/color] [color=indigo][b][size=medium]一、this 的定义 与 函数的调用[/size] [/b][/color] 在 javascript 中， function 中的 this 指代的是： 调用 function 执...
JS中setTimeout的巧妙用法前端函数节流
11-27
JavaScript中的`setTimeout`是前端开发中非常重要的一个工具，它允许开发者在指定的毫秒数之后执行一个函数或代码块。在处理用户交互、动画、定时任务等场景时，`setTimeout`经常被用来实现异步操作。然而，在某些...
JavaScript函数深度解析：创建与匿名函数的巧妙运用
匿名函数在JavaScript中的意义重大，因为它们允许在运行时动态创建和执行代码。例如，上述笔记中展示了如何在一个表达式中使用匿名函数实现累加计算： ```javascript y = (x + 1) * new Function("j", "ii=1; for(i...
设计模式遇上Java函数式接口：如何在设计中巧妙运用
![设计模式遇上Java函数式接口：如何在设计中巧妙运用]...# 1. 设计模式与Java函数式接口的融合 ## 1.1 Java函数式编程简介 在Java 8中引入的函数式接口，让Java开发人员能够以更加函数式的方式编写代码。...
(function(){})(this)
weixin_30904593的博客
07-17 851
就是立即调用的函数表达式IIFE (function(){ console.log(this === window); // true }).call(this); (function(){ console.log(this === window); // true })(); 严格模式 (function(){ "use strict...
js function函数中this指针指向问题
economics3的博客
03-06 621
js高程中说，this指针指向的运行时函数的执行环境决定的。所以以前我认为在一个函数内部定义一个函数他的this是外部的那个函数 function create(){ function a(){ console.log(this); } a(); } create(); 结果还是window对象感觉和我们预期不符，后来在js高程中说到 每个函数再被调用时，其活动对象会获取两个内部属性this和arguments，内部函数在搜索这两个变量时，他们只会搜索到当前函数为止，也就是说外部函数的this
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4968
执行时谁在调用函数，就指向谁
JS立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别?
weixin_34018169的博客
09-10 236
没有区别。 你需要明白 IIFE 的原理，我简单说一下： function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。 foo(); // 这是语句，Statement；解释器遇到语句是会运行它的。 IIFE 并非必须，传统一点可以这么写： function foo...
关于JS 函数this的用法
magicfly9527的专栏
11-19 542
在js中写函数时，
在JS中Function()和this的巧妙运用。
icontent
04-29 268
转自：http://www.pinlue.com/article/2018/02/2814/085626554547.html
JS高级-函数this三种指向,函数上下文调用,闭包,递归 深浅拷贝
weixin_68531033的博客
05-02 2341
01函数this的三种指向 01函数this的三种指向 1.环境对象 this : 谁调用我，this指向谁 this相当于中文中的'我' 2.this指向取决于函数的调用，函数调用有三种方式 普通函数； 函数名() this-window 对象方法: 对象名.方法名 this-对象 构造函数； new 函数名() this-new创建的实例对象 ......
js 函数中的 this 关键字
weixin_36210698的博客
04-03 1058
js 函数中的 this 关键字 关于这个 this 关键字，也是很多项目中常常被用到的。那么，有人也许会问，干嘛要用 this 呢？在函数调用时，直接指明是什么对象在调用不就行了？还整那么个模模糊糊的概念出来干嘛？不过，存在即真理，既然有这么个东西，那也就有他存在的意义，下面来看看吧。 js 函数调用 this 的场合 首先，我们要先回忆一下 js 函数都有哪几种调用 this 的场合，有如下几...
JavaScript精炼——functions中的“this”
学仙只为看看天的专栏
10-24 840
原文链接：http://dbear.iteye.com/blog/609090 ------------------------------------------------------------------------    首先我们需要知道，function的invoke方式主要有三种：1、单纯调用 2、作为某对象的method被调用 3、apply()和call()调用。针对三种
译文：javascript function中的this
weixin_30323631的博客
12-13 164
个人理解+google翻译。如有错误，请留言指正。原文来自MDN:this 简介 Javascript中一个函数的this关键字的行为相对其它语言有些不同。在严格模式和非严格模式间也有区别。 在大多数情况下，this的值由函数如何调用来决定。this值不能在函数执行过程中赋值设置，并且每次函数调用时this值可能也不相同。ES5通过添加bind方法设置函数的this值，无论函数如何被调用。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值