this指向问题、new的过程

最新推荐文章于 2023-07-10 11:22:53 发布
最新推荐文章于 2023-07-10 11:22:53 发布
阅读量69 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snowflak/article/details/117338269
版权

this指向问题、new的过程
1.谁调用就指向谁。
事件监听函数内部，this指向绑定事件监听的那个元素节点
构造函数内部，this指向创建的新对象。
对于箭头函数，由于没有自身自变量、this，所以指向环境中的this
一个函数没有前缀调用（被引用），也就是普通调用，this指向全局变量。在严格模式下，this为undefine。

2.new
创建对象
2.赋值原型
3.调用foo函数，修改this指向
4.返回obj

Falling snow
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
new关键字 及 this指向
ZZZ___jh的博客
09-25 1166
new关键字 主要用来创建对象时初始化对象 new在执行时会做4件事:             new会在内存中创建一个新的空对象;             new会让this指向这个新对象;         
Vue中this指向问题
webDevelopSnail的博客
10-31 1436
一、methods中this 1.通常methods属性中的回调函数的this都会指向vue实例 //第一种写法： var vm = new Vue({ el:'app', data:{ name:'', list:[], }, methods:{ handle :function(){ // this.list.push
this的指向问题
code_J的博客
04-13 4412
js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到，倒是对this，总是不太了解，今天我来带大家系统的了解和学习一下。 一、this的指向 this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境； this的指向大体分为以下几种情况： 1、全局作用域和普通函数调用，此时 this 指向 window 当函数不作为对象的属性被调用，而是以普通函数的方式，this总是指向全局对象（在浏览器中，通常是Window对象
Javascript中new关键字和this指向
dust__的博客
09-16 2224
new关键字: 构造函数主要用来创建对象是初始化对象,为对象的成员赋值,总与new运算符一起使用创建对象; 构造函数用于创建一类对象,首字母大写; new执行过程: (1)new会在内存中创建一个新的空对象 (2)new 会让this指向这个新的对象 (3)执行构造函数 目的：给这个新对象加属性和方法 (4)new会返回这个新对象 function Person(name,age,sex){ ...
【面试必考点】这一次带你彻底学会this的指向问题
m0_57524265的博客
07-10 3879
本文重点讲解了各种this的使用场景、如何改变函数中this的指向以及this的练习题 这一次和笔者一起全面的学习this这个面试必考点
全面解析this指向问题！
angula
05-07 8760
this是一种特别复杂得机制，是一个很特别得关键字，被自动定义在所有函数得作用域中，所以我们有必要去了解，并且搞懂它！ 文章目录调用位置绑定规则一、 默认绑定严格模式二、隐式绑定隐式丢失三、显示绑定硬绑定API调用的“上下文”四、new绑定箭头函数中的this指向判断this的优先级 调用位置 在理解this得绑定过程之前，首先要理解调用位置：调用位置就说函数在代码中被调用得位置（注意：不是声...
Promise中this指向问题
weixin_44262946的博客
09-03 5884
Promise中this指向问题 1、this指向window还是实例？ 下面分析两段JavaScript代码段，共用下面这段Html代码： <div id="app"> <input type="button" value="获取笑话" @click="getJoke"> <p> {{ joke }}</p> </div> this指向window： // 引入axios <script src="https://unpk
Vue实例中this的指向问题
富尔牛的博客
08-14 2113
首先让我么看一些代码，先不要往下看，你自己先想一下这里的this分别指的是什么。 <script> var msg = '我是window下的msg' var vm = new Vue({ el: '#app', data: { msg: '我是vm实例中的msg' ...
关于JS中this对象指向问题总结
铁锤妹妹的博客
03-08 3678
关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。
JS中的this指向问题
wml00000的博客
12-06 1778
      最近发现这个this还真的不能随便写，因为它实际的指向可能跟你想的不太一样，因此就会出现一些莫名其妙的问题，比如 ****undefined   为了避免这些错误，必须得搞懂this 先提一句：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 例1： function f1(){ va...
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
然而，`this`关键字在这些定时器函数中的指向问题常常会给初学者带来困扰。 在JavaScript中，`this`的值取决于它被调用的上下文。通常，如果函数是作为对象的方法调用，`this`将指向那个对象。但在`setTimeout`和`...
JavaScript This指向问题详解
10-15
以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格模式下，如果函数在全局作用域中直接调用，`this`指向全局对象（在浏览器环境中即`window`...
JavaScript中this的指向问题
01-08
// 这里的this指向btn ``` 然而，如果这个函数被作为参数传递给了另一个函数，并在那个函数内部调用，那么`this`的指向可能会“丢失”，变成全局对象`window`： ```javascript var obj = { name: "Admin", fn: ...
关于JavaScript中的this指向问题总结篇
12-09
在使用new关键字创建实例时，构造函数内部的this指向新创建的对象。例如： ```javascript function Person(name) { this.name = name; } const person = new Person('Tom'); console.log(person.name); // Tom ``` ...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
vue 的生命周期函数
snowflak的博客
05-26 7858
vue 的生命周期函数，有那些？在项目中怎么使用？以及应用场景？ 1.vue的生命周期函数分为：创建前 beforeCreate :在实例初始化之后执行此时对象还未创建，el 和data并未初始化，因此无法访问 methods,data ,computed等方法和数据。 2.创建后：created：最早开始使用data和methods中的数据的钩子函数，这个阶段可以数据请求，但是不能dom操作。 3.挂载前：beforeMount:挂载开始之前被调用，把data里面的数据和模板生成html，完成了el和da
uni-app的地址三级联动
snowflak的博客
09-08 2729
1、template样式 <view class="wrap" type="text" > <view class="region"> 请选择地区： </view> <picker class="pickerList" mode="multiSelector" :range="newProvinceDataList" :value="multiIndex" @change="pickerChange" @columnchange="pickerColumn
vant-ui 按需引入
snowflak的博客
06-03 1328
1.当我们在项目中使用vant的时候，首先安装vant-ui插件分别是：先安装vant-ui，再安装按需引入的插件 安装vant-ui npm i vant --save 安装按需引入的插件 npm i babel-plugin-import -D 2.在min.js中引入vant import 'vant/lib/index.css'; // 全局引入按需引入UI库 vant import '@/plugins/vant' 3.在vant官网中找到按需引入并把它复制到babel.config.js中
vue项目开发流程
snowflak的博客
06-03 1104
1.创建项目 1.首先创建项目，我用的项目是vue 3.0 可以在新建文件夹中cmd,进入命令符，vue create 项目名 创建项目也可以在 命令符中vue ui 在浏览器中创建项目 2.项目安装好后，安装自己需要的各种插件， 3.我们常用的axios（请求）、框架（后台管理系统安装element-ui，移动端安装vant） ，vuex-persistedstate（数据持久化插件），前期我们先安装这几个，后面根据项目的需要，在安装需要的插件 2.配置多环境变量 1.在package.js
this指向 new
最新发布
08-12
this指向使用new关键字创建的新对象。当使用new关键字创建一个对象时，this关键字会引用该新创建的对象。在构造函数中，可以使用this关键字来引用当前正在创建的对象，并对其属性进行初始化。 例如，假设有一个名为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值