this词法

最新推荐文章于 2024-07-19 12:58:53 发布
最新推荐文章于 2024-07-19 12:58:53 发布
阅读量107 收藏
点赞数
文章标签： javascript ViewUI

1、示例代码

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>词法作用域</title>
    </head>

    <body>

        <script type="text/javascript">
            //方法一：self通过使用词法作用域和闭包
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  var self= this;
            //                  if(self.count<1){
            //                      setTimeout(function timer(){
            //                          self.count++;
            //                          console.log(self.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法二：使用箭头函数
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  if(this.count<1){
            //                      setTimeout(()=>{
            //                          this.count++;
            //                          console.log(this.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法三：使用bind()
            var obj = {
                count: 0,
                cool: function coolFn() {
                    if(this.count < 1) {
                        setTimeout(function timer() {
                            this.count++; //this是安全的，因为使用了bind
                            console.log(this.count);
                        }.bind(this), 1000)
                    }
                }
            };
            obj.cool();
        </script>
    </body>

</html>

2、解决this绑定问题

（1）最常用的是方法一

（2）箭头函数：不够理想，函数是匿名的；同时混淆了this绑定规则和词法作用域规则。

 

var sum = (num1, num2) => (num1 + num2);

 

与

var sum = (num1, num2) => {return num1 + num2;}

效果一致。

 

weixin_34224941
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2.5 this 词法
YEYEYE的博客
11-13 265
之前介绍的四条规则已经可以包含所有正常的函数。但是 ES6 中介绍了一种无法使用这些规则的特殊函数类型：箭头函数。 箭头函数并不是使用 function 关键字定义的，而是使用被称为“胖箭头”的 操作符 => 定义的。箭头函数不使用 this 的四种标准规则，而是根据外层（函数或者全局）作用域来决定 this。 箭头函数的词法作用域： function foo(){ // 返回一个箭...
《你不知道的JS》读书笔记十 this词法
vue+iview 动态渲染表格（vue.js结合iview插件）
07-22 102
特殊函数类型：箭头函数。 箭头函数并不是使用function关键字定义的，而是使用被称为“胖箭头”的操作符=>定义的。箭头函数是根据外层（函数或者全局）作用域来决定this。 箭头函数的词法作用域： function foo() { // 返回一个箭头函数 return (a) => { // this继承自foo() console.log(this.a) } } var obj1 = { a: 2 } var obj2 =
this全面解析（this的前世今生）
leondong_56828的博客
01-05 1743
一、关于this this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。 1.1、为什么要使用this Talk is cheap,show me the code.先来看下比较两段代码你就明白了： function identify() { return this.name.toUpperCase(); } function speak() { var greeting = "Hello, I'm " + identify.call( t
this及词法作用域
银之夏雪的博客
08-14 1758
js只有词法作用域没有动态作用域 词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。编译的词法分析阶段基本都够知道全部标识符在哪里以及是如何声明的，从而能够预测在执行过程中如何对它进行查找。 eval()，with可以“欺骗“词法作用域，会导致代码运行变慢，不要使用它们 需要明确的是，事实上，javascript并不具有动态作用域，它只有词法作用域，简单明了，但是this机制某种程...
JS的this词法
2401_84097820的博客
05-13 937
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JavaScript this词法
qq_41700374的博客
11-17 104
ES6添加量一个特殊的语法形式用于函数声明，叫作箭头函数。他看起来是下面这样的： var foo = a => { console.log(a); } foo(2); //2 这里叫作“胖箭头”的写法通常被当作单调乏味且冗长的function关键字的简写。 但是箭头函数除了让你在声明函数时少敲几次键盘以外，还有更重要的作用。简单来说，下面代码有问题： var obj =...
词法分析器
03-13
CPaintDC dc(this); // 用于绘制的设备上下文 SendMessage(WM_ICONERASEBKGND, reinterpret_cast(dc.GetSafeHdc()), 0); // 使图标在工作区矩形中居中 int cxIcon = GetSystemMetrics(SM_CXICON); int ...
词法分析器java
11-13
编译词法分析器，用java编写的 public class analyetest { public ArrayList bracket; public ArrayList keyword; public ArrayList symbol; public ArrayList semicolon; public ArrayList operator; ...
JavaScript中this用法学习笔记
10-17
2. `this`不指向函数的词法作用域。即使函数内部定义了变量，`this`也不会指向这些变量所在的局部作用域。 例如： ```javascript function test() { test.a = 1; this.a = 2; console.log(test.a); console.log...
Javascript this 的一些学习总结
10-28
5. **箭头函数**：箭头函数没有自己的`this`，它会捕获其所在（词法）作用域的`this`值。 ```javascript var person = { name: "JK_Rush", say: () => { console.log(this === person); // false，因为箭头函数...
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1004
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
博客前端项目学习day03——框架页
最新发布
qq_53237241的博客
07-19 218
【代码】博客前端项目学习day03——框架页。
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 1003
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 155
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
weixin_73582152的博客
07-15 801
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
vue3配置代理
Joe world的博客
07-16 164
【代码】vue3配置代理。
Vue2中的v-model的表单元素绑定
m0_56698546的博客
07-16 271
常用的表单元素是可以用v-model来绑定关联 ->快速获取或设置表单元素的值。它会根据控件的类型自动选择正确的方法来更新元素。
java实现词法分析程序
05-12
Java实现词法分析程序的基本思路如下： 1. 读取待分析的源代码文件。 2. 对源代码文件中的每个字符进行逐一扫描，根据字符的类型进行分类处理。 3. 根据词法规则，将识别出的字符序列进行组合，形成一个个单词或...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值