当前位置: 首页 > news >正文

1m的带宽做网站可以吗百度一下你就知道官网网页版

1m的带宽做网站可以吗,百度一下你就知道官网网页版,修改图片网站,能制作视频的软件前言: 在js中,this出现的位置多种多样,你会不会迷糊呢?this到底指代的是哪个对象?这篇文章带你搞懂不同场景下this的指向问题。 this出现场景: 从作用域的角度来讲,this出现的位置无非就是两…

前言:

在js中,this出现的位置多种多样,你会不会迷糊呢?this到底指代的是哪个对象?这篇文章带你搞懂不同场景下this的指向问题。

this出现场景:

从作用域的角度来讲,this出现的位置无非就是两种类型:全局作用域,函数作用域。

全局作用域

在全局作用域中,this 指向全局对象。在浏览器中,全局对象是 window,而在 Node.js 中,它是 global

console.log(this); // 在浏览器中,输出 window 对象

函数作用域:

函数调用:

普通函数调用:在非严格模式下,this 指向全局对象(浏览器中是 window);在严格模式下,this 是 undefined

function test() {console.log(this);
}test(); // 非严格模式下输出 window,严格模式下输出 undefined

严格模式下的函数调用

'use strict';function test() {console.log(this); // 输出 undefined
}test();

方法调用:

当函数作为对象的方法被调用时,this 指向该对象。

const obj = {name: 'Alice',greet: function() {console.log(this.name);}
};obj.greet(); // 输出 'Alice'

构造函数调用:

当使用 new 关键字调用函数时,this 指向新创建的对象。

function Person(name) {this.name = name;
}const person = new Person('Bob');
console.log(person.name); // 输出 'Bob'

箭头函数:

箭头函数不绑定自己的 this,而是继承自外围作用域的 this

const obj = {name: 'Charlie',greet: function() {const arrowFunc = () => {console.log(this.name);};arrowFunc();}
};obj.greet(); // 输出 'Charlie'

显示指定this指向:

call 和 apply:允许显式设置 this 的值。

function greet(greeting) {console.log(greeting + ', ' + this.name);
}const person = { name: 'David' };
greet.call(person, 'Hello'); // 输出 'Hello, David'
greet.call(person,['Hello']); // 输出 'Hello, David'

apply 的用法与 call 类似,只是参数以数组形式传递。

bind:返回一个新函数,其中 this 被永久绑定到指定的值。

const boundGreet = greet.bind(person, 'Hi');
boundGreet(); // 输出 'Hi, David'

this指向测试题

1、

const obj = {name: 'Alice',showThis: function() {setTimeout(function() {console.log(this.name);}, 1000);}
};obj.showThis();setTimeout 中的回调函数是普通函数调用,其 this 指向全局对象(浏览器中是 window,Node.js 中是 global)。
如果全局对象没有 name 属性,输出 undefined。

2、

const obj = {name: 'Alice',showThis: function() {setTimeout(() => {console.log(this.name);}, 1000);}
};obj.showThis();箭头函数不会创建自己的 this,它会继承外层作用域的 this。
在这里,外层作用域是 showThis 方法,因此 this 指向 obj。
输出结果为:Alice。

3、

const person = {name: 'Charlie',showThis: function() {return () => {console.log(this.name);};}
};const arrowFunc = person.showThis();
arrowFunc();person.showThis() 返回的是一个箭头函数,箭头函数的 this 继承自其定义时的作用域。
定义时的作用域是 showThis 方法,而 showThis 中的 this 指向 person。
因此,最终 this 指向 person,输出结果为:Charlie。

4、

const name = 'Global';const obj = {name: 'Alice',showThis: function() {console.log(this.name);}
};const show = obj.showThis;
show();show 是从 obj 中提取的普通函数引用,调用时没有绑定到 obj。
普通函数调用中,this 指向全局对象(浏览器中是 window,Node.js 中是 global)。
如果全局对象有 name 属性(如浏览器中 window.name 默认是空字符串),输出该值;否则输出 undefined。
const声明的变量不会被挂载在window上,因此会输出undefined

5、

const obj = {name: 'Alice',showThis: function() {console.log(this.name);}
};const boundFunc = obj.showThis.bind({ name: 'Bob' });
boundFunc();bind 方法会创建一个新函数,并将 this 显式绑定到指定的对象({ name: 'Bob' })。
因此,this 指向 { name: 'Bob' },输出结果为:Bob。

以上测试题如果你都搞明白了,说明你已经有了不错的收获。恭喜你,今天的你又进步了一点点,加油!!!

http://www.cadmedia.cn/news/11351.html

相关文章:

  • asp网站部署 iis7百度排名优化
  • 松江建设网站公司宣传产品的方式
  • 可靠的微商城网站建设自己怎么优化网站排名
  • 保定网页模板建站baike seotl
  • 重庆市住建局官方网站拼多多关键词优化步骤
  • 线上广告宣传方式有哪些成都seo顾问
  • 字画价格网站建设方案郑州企业网站seo
  • 58同城西安网站建设重庆百度推广
  • 怎么在自己的网站上做漂浮链接怎么样建立自己的网站
  • 国外网站流量查询公司网络推广方法
  • 重庆政府网站集约化建设网站信息组织优化
  • 网站建设维护公司排名爱站网挖掘词
  • 网站公司怎么做业务推广运营怎么做
  • 网站建设服务条款中国疫情最新情况
  • 东莞软件有限公司湖南seo优化报价
  • 高端品牌网站建设建议百度seo排名优
  • 为企业进行网站建设方案国内seo服务商
  • 丽水网站建设报价seo技术培训教程视频
  • 网站建设 项目文档无货源网店怎么开
  • 东莞网站建设制作服务最好的推广平台是什么软件
  • 新泰网站定制优化大师下载电脑版
  • 温州网站建设费用什么是搜索引擎竞价推广
  • 关于电子商务的网站推广方案百度指数使用指南
  • 开发一个电商网站网络推广软件有哪些
  • 深圳做外贸网站免费的seo网站
  • 建设部网站从何时可以查询工程师证能让手机流畅到爆的软件
  • 可靠的常州网站建设seo检测
  • 南京自助建站google ads
  • 最近的男科医院是哪家医院南京seo按天计费
  • 如何建设论坛网站郑州百度推广代理公司