js预编译过程与this指向的问题

最新推荐文章于 2021-06-04 11:30:12 发布
最新推荐文章于 2021-06-04 11:30:12 发布
阅读量285 收藏
点赞数
分类专栏： Javascript渡一教育
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43706224/article/details/88021356
版权

在这里插入图片描述在这里插入图片描述在这里插入图片描述
this指向问题在这里插入图片描述
1.函数预编译过程中this走的是预编译环节，指向window，预编译过程参见上图AO，有new关键字，this指向object.prototype见上二图，上图三中this==undefind，因为里面没有a；
2.全局环境this–>指向window
3.call和apply会更改this的指向
4.obj.fun(),fun()里面this指向obj；在这里插入图片描述在这里插入图片描述

空零kl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中this指向详解
01-19
JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。...在主流的面向对象的语言中（例如Java,C#等)，this 含义是明确且具体的，即指向当前对象。一般在编译期绑定。而 JavaS
图解JavaScript中的this关键字
11-24
JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。...在主流的面向对象的语言中（例如Java,C#等)，this 含义是明确且具体的，即指向当前对象。一般在编译期绑定。而 Java
javascript基础--预编译、this指向
W_wjl1900的专栏
05-19 265
javascript预编译 预编译发生在函数执行前一刻，可以拆分成一下几步 1、生成Activation Object 即AO对象(执行期上下文) 2、查找形参和变量，并将其作为AO对象的属性，值为undefined 3、将实参的值赋给形参 4、在函数体内查找函数声明，并将值赋予函数体 看看下面的例子： function fn(a) { console.log(a); // a =&g...
如何理解js中this指向：由执行上下文决定/在执行时确定？
zrq1210的博客
10-23 746
对于this指向的解释，在MDN（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this）中有这么一句话， In most cases, the value of this is determined by how a function is called (runtime binding). 大概意思是说，this的值是由这个函数如何被调用来决定的。 我把它理解为： 函数定义的时候，this的指向
JavaScript this指向 学习
ccsdn的博客
12-19 258
函数预编译过程 this --> window 全局作用域里 this --> window call / apply 可以改变函数运行时 this 指向 obj.func(); func()里的this指向obj   谁调用 this就指向谁 练习 var name = '222'; var a = { name: '111', say: function (...
JavaScript预编译（全局）
一个农名工
12-16 1011
知识点预习： 1、任何未经声明就赋值的变量，都是全局变量 2、预编译过程中，只是对函数声明的整体提升，对于函数体里边的具体内容，不会进行查看。函数执行的时候，才会去看函数里的具体内容 全局下的预编译，和函数里的预编译，都差不多，如果对于函数执行时的预编译理解的很透彻（可以看上一篇博文：JavaScript预编译-函数），那么对于全局下的编译就很好理解了。 一、预编译   1、预编译...
JavaScript语法分析，预编译及执行过程
weixin_30710457的博客
09-03 341
一.基本概念 引擎：从头到尾负责javaScript程序的编译及执行过程 编译器：负责语法分析，代码生成 作用域：负责收集并维护所有声明的标识符（变量）组成的一系列查询，并实施一条非常严格的的规则，确定当前执行的代码对这这些标识符的访问权限 词法作用域:作用域有词法作用域和动态作用域之分，javaScript的作用域是词法作用域，特征是它的定义过程发生在代码的...
javascript this用法小结
12-10
但是在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活，结合apply(call)方法，可以使JS变...
Vue之前知识点巩固(扩展运算符,数组,箭头函数,.rar
05-28
this指向创建的实例； 可以在这加个loading事件； data computed watch methods上的方法和数据均不能访问 created 实例创建完成 完成数据(data props computed)的初始化 导入依赖项。 可访问data computed watch ...
mpvue-iview-weapp:使用mpvue导入iview-weapp
04-24
若原生组件通过click事件，即this.triggerEvent('click', { index })来进行父子组件通信，mpvue无法从event.mp中读取到正确的detail，原因是因为mpvue将click事件编译为tap导致this.triggerEvent('click', { index }...
this指向undefined uiapp_js中作用域以及执行期上下文、作用域链、this指向等问题...
weixin_31579367的博客
01-06 66
在前端面试中，面试总是逃不过这些问题，比如你对前端中的作用域与执行期上下文如何理解下面我会谈谈我对于这两个问题的理解。1.作用域：顾名思义定义的变量可以产生作用的，能够使用的区域。而对于js中的作用域可以分为全局作用域与局部作用域。全局作用域内定义的变量意味着，在任何地方都可以使用。而局部作用域，只能在当前定义的区域内使用（就是用花括号包起来的范围）2.执行期上下文：执行期上下文，就是当前代码运行...
学会JS的this这一篇就够了，根本不用记
qq_28489043的博客
08-25 350
学会JS的this这一篇就够了，根本不用记 2015-10-28 JavaScript 转自：http://www.imooc.com/article/1758 以前看某本书上讲： 掌握了JS中this的用法才算真正的跨过了JS的门槛 我深以为是！但是JS的this却并不是那么简单的内容，许多同学都很困惑，也肯定有同学像我曾经一样查阅各种资料想知道How
总结js的预编译过程
AimeeH的博客
04-23 139
预编译发生在函数执行的前一刻。 预编译四个过程如下： 1、创建AO对象（ActivationObject即执行期上下文）； 2、找形参和变量声明，将形参和变量名作为AO属性，值为undefined； 3、将形参值与实参值统一； 4、在函数体内找函数声明，赋值与予函数体； 例子如下： function fn(a) { console.log(a); var a = ...
关于this指向的理解
StephenCurry1的博客
05-23 227
1.在函数的预编译过程中，this的指向是指向window的，可以想象为函数暴露在全局作用域下，所以归全局所有。 2.全局作用域里 this 指向 window 3.如果出现new关键字，那么this指向被构造出来的函数或者对象 4.谁调用this指向谁 我们可以利用call和apply还有bind改变this的指向 function add(a,b){ return a+b; } functio...
JS预编译过程
qq_45044074的博客
02-05 370
JS运行过程 语法分析 预编译 解释执行 JS预编译过程（在函数执行的前一刻进行） 创建一个执行期上下文AO 找形参和变量声名,将变量名和形参作为AO的属性，并赋值为undefined 将实参与形参相统一 在函数体内找函数声明（匿名函数和函数表达式不参与），值赋予函数体(不考虑函数体内有什么东西) eg1: function a(a) { var a = 123; function a() {} var b = function() {} func
JavaScript之this和window
qq_38110274的博客
11-09 2481
JavaScript之this和window 引言   在我们日复一日的工作和学习中，总有一些内容是我们必须得牢牢掌握并可以熟练运用的。this和window就在其中。下面，我对这两个关键字做了一些总结，希望可以帮助到大家。 window对象   所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全局变量是...
JS函数预编译过程
baidu_36095053的博客
06-04 430
众所周知，函数有自己的作用域，并且JS存在函数预编译。那么今天来简单谈一谈，函数预编译的过程。 函数预编译主要分为四步： 1、创建执行上下文对象AO ，ji'shi
JavaScript预编译原理分析
热门推荐
尐轩web前端网络日志
10-27 2万+
今天用了大量时间复习了作用域，预编译等等知识 看了很多博文，翻开了以前看过的书 发现当初觉得自己学的很明白，其实还是存在一些思维误区 今晚就整理了一下凌乱的思路 先整理一下预编译的知识吧，日后有时间再把作用域详细讲解一下大家要明白，这个预编译和编译是不一样的 JavaScript是解释型语言， 既然是解释型语言，就是编译一行，执行一行 传统的编译会经历很多步骤，分词、解析、代码生成什么
JavaScript 预编译过程的详细解读
Yuki_yuhan的博客
08-13 1330
JavaScript预编译01 关于预编译的一些知识点02 预编译四部曲（局部）1. 创建AO对象(Activation Object) (执行期上下文)2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined3. 将实参值和形参统一 （全局预编译省略这一步）4. 在函数体里面找函数声明，值赋予函数体03 综合例题------全局和局部的预编译和解释执行过程1. 全局预编译三部曲2. 局部预编译四部曲3. JavaScript的解释执行
clickhouse预编译
最新发布
11-14
clickhouse支持预编译，可以通过使用prepared statements来实现。预编译可以提高查询性能，因为它可以避免在每次查询时重新解析查询语句。下面是一个使用clickhouse预编译的例子： ```python import clickhouse_driver conn = clickhouse_driver.connect('localhost') cursor = conn.cursor() # 创建预编译语句 cursor.execute('PREPARE select_user_info (Int64) SELECT * FROM user WHERE id = ?') # 执行预编译语句 cursor.execute('EXECUTE select_user_info', (1,)) # 获取结果 result = cursor.fetchall() print(result) ``` 在上面的例子中，我们首先创建了一个名为`select_user_info`的预编译语句，然后在执行查询时使用了该预编译语句。在执行预编译语句时，我们将查询参数作为元组传递给`execute`方法。最后，我们使用`fetchall`方法获取查询结果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值