this 指向 和 new 发生的四个步骤

最新推荐文章于 2022-06-09 19:13:14 发布
原创 最新推荐文章于 2022-06-09 19:13:14 发布 · 454 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#this #new

本文深入解析JavaScript中this关键字的指向规则及new操作符创建实例的四个关键步骤，为前端开发者提供清晰的理解和实践指南。
new四部曲
薇语
11-30 358
//第一步创建一个新的对象 var obj = new Object(); //第二步将与原型对象关联起来 obj.__proto__ = Function.prototype //第三步将步骤1新创建的对象obj作为this的上下文 var res = Function.call(obj);//相当于运行了此对象 //第四步返回创建的对象obj（如果该函数没有返回对象，则返回this) if(typeof res === 'object'){ return res; }else{ retu
用new调用函数的四步走
qq_52207728的博客
05-21 1328
JS规定，使用new调用函数会进行四步走： 1、函数体内会自动创建出一个空白对象。 2、函数的上下文（this）会自动指向这个对象。 3、函数体内的语句会执行。 4、函数会自动返回上下文对象，即使函数没有return语句。 下面进行解释四步走： 用一下代码进行举例： function sun() { this.a = 3; this.b = 5; } var obj = new sun();
浅谈JavaScript new对象的四个过程
water_v的博客
10-22 541
new对象：function Person(name,age){ this.name=name; this.age=age; } var person=new Person("Alice",23);new一个对象的四个过程： 1、创建一个空对象var obj=new Object();2、让Person中的this指向obj，并执行Person的函数体var result=Pe
new对象的4个过程
weixin_45497246的博客
09-28 1170
new对象的四个过程 创建一个新对象 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） 执行构造函数中的代码（为这个新对象添加属性） 返回新对象function foo(name, age) { this.name = name; this.age = age; } var person = new foo("Ryan", 20); 创建一个空对象 va...
js基于对象编程-----new一个构造函数时的四步走
enjoy_sun_moon的博客
10-29 1827
 // 1.函数内部建立一个私有域，悄悄的建立一个局部变量，是空对象{} // 2.函数将自己的上下文设置成这个空对象{}，也就是将函数中的this表示这个空对象 // 3.函数执行所有语句 // 4.所有的有语句执行完毕后，函数返回这个对象，也就是将自己的this返回 //return 会打断构造函数的执行，如果返回的是基本类型（int,string,float,null）的话会忽略返回的内容 ...
new操作符具体干了什么？（4个步骤）
apple_2021的博客
09-23 1657
一般要创建实例的时候，都要var obj = new 构造函数 new操作符在这里主要做了四步 创建一个空对象obj 设置原型链 即 obj . _proto _ = 构造函数.prototype ; 让构造函数中的this指向obj 返回对象obj ...
this指向问题、new的过程
weixin_55103470的博客
05-27 334
一、this指向问题 总结： 在浏览器中，在全局范围内this指向window 在构造函数中，this指向new出来的新对象 在函数中，this指向调用它的对象 call、apply、bind的this是被强绑定在指定的对象上 前四种方式，this是在调用时确定，是动态的 箭头函数中的this比较特殊，箭头函数的this是父作用域的this，不是调用时的this 箭头函数的this指向是静态的，声明时就确定了 6.apply、bind、call都是js给函数内置的一些API，调用他们可以为函
12、this指向问题和 new的过程
派大星儿的博客
05-26 355
一图搞懂javascript中的this与call/apply/bind的6中关系 在浏览器里，在全局范围内this 指向window对象； 在函数中，this永远指向最后调用他的那个对象； 构造函数中，this指向new出来的那个新的对象； call、apply、bind中的this被强绑定在指定的那个对象上； 箭头函数中this比较特殊,箭头函数this为父作用域的this，不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来；
JS-创建对象的三种方式(+new执行时的隐式4步)
meng的博客
04-09 910
JavaScript创建对象的三种方式： 调用系统的构造函数创建对象 ： 系统自带的构造函数 Object()，var 变量名= new Object(); var obj = new Object();//创建对象 //对象有属性和方法 //添加属性：对象.属性名=值; obj.name = "小小"; obj.age = 18; obj.sex = "女"; //添加方法：对象.属性名=函...
new关键字，this详解特点
Youaremysalvatio的博客
06-09 705
new关键字1、构造函数创建一个类对象，首字母大写2、创建一个新的空对象3、new会让this指向这个新对象4、new会自动返回这个新对象this详解特点1、定义时 this 不确定，只有在调用的时候才确定指向2、一般函数直接执行，内部this指向全局window3、函数作为一个对象的方法，被该对象所调用，那么 this 指向该对象4、构造函数中的 this 其实是一个隐式对象，后续通过new来调试...
new一个对象的过程
weixin_30892987的博客
01-29 345
不用死记硬背，理解才是硬道理。只需要写个例子，然后输出看一下就清楚了 首先我们看下new Person输出什么？ var Person = function(name, age) { this.name = name; this.age = age; }; Person.prototype.show = functi...
java学习笔记16：this关键字的本质、对象创建过程的四步、static关键字
任性的生鱼片 的博客
01-17 469
一、对象创建的过程和this的本质 this用于普通的方法和构造器，代表当前的对象        构造方法是创建Java对象的重要途径，通过new关键字调用构造器时，构造器也确实返回该类的对象，但这个对象并不是完全由构造器负责创建。 　　 　　创建一个对象分为如下四步： 　
js中的this指向
new__person的博客
01-16 229
https://www.cnblogs.com/pssp/p/5216085.html#!comments
JavaScript：new关键字的执行过程
Kreme的博客
11-11 2965
在使用JavaScript开发过程中，经常会用到new关键字，从字面意思来看，就是新建一个对象，那么在我们看不见的数据之间的操作到底发生了什么呢？使用new的这个过程执行了哪些操作？看下面的例子： function Person(name) { this.name = name; } let zhangsan = new Person('张三'); 上述代码中new了一个Person...
面向对象This的指向问题和New关键字实例化的过程步骤
weixin_46221246的博客
07-18 992
This指向规则如下 谁调用就指向谁。 事件监听函数内部，this指向绑定事件监听的那个元素节点 构造函数内部，this指向创建的新对象。 对于箭头函数，由于没有自身自变量、this，所以指向环境中的this 一个函数没有前缀调用（被引用），也就是普通调用，this指向全局变量。在严格模式下，this为undefine。 New关键字实例化过程 创建一个空对象。 伪代码：let obj={ } 将该对象的__proto__指向类的原型对象。 伪代码：obj.__proto__=A.prototy
this指向、new过程
weixin_57980280的博客
05-26 315
this指向 在浏览器里，在全局范围内this 指向window对象 在普通函数中，this永远指向最后调用他的那个对象； 构造函数中，this指向new出来的那个新的对象； 箭头函数中this比较特殊,箭头函数this为父作用域的this，不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来； let name = "zjk"; let o = { name : "Jake",
new的创建过程
weixin_57750909的博客
05-27 228
大概步骤： 第一步：创建对象 第二步：原型赋值 第三步：Foo函数执行，this指向obj对象，给obj添加属性 第四步：返回obj对象 代码如下： function fn() { // 第一步：创建对象 var obj = {}; // 第二步：原型赋值 obj.__proto__ = Foo.prototype; // 第三步：Foo函数执行，this指向obj对象，给obj添加属性。 let re...
理解JavaScript中的this、new、apply和call
"本文主要探讨JavaScript中的技术难点，聚焦于this、new、apply和call四个核心概念，并通过对比Java中的this用法，帮助读者从应用层面理解JavaScript中的this指针。" 在JavaScript中，this是一个非常关键的概念，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值