window.onscroll箭头函数在Safari中不起作用

是因为Safari浏览器对于箭头函数的支持存在一些限制。箭头函数是ES6中引入的一种新的函数定义方式，它具有更简洁的语法和更方便的作用域绑定特性。

然而，在Safari浏览器中，箭头函数的this值与普通函数不同。普通函数中的this值是动态的，根据函数的调用方式而定，而箭头函数中的this值是静态的，继承自外层作用域。由于window对象没有外层作用域，所以在window对象上使用箭头函数时，this值将指向undefined。

解决这个问题的方法是使用普通函数而不是箭头函数来定义onscroll事件处理程序。例如：

window.onscroll = function() {
  // 在这里编写滚动事件的处理逻辑
};

这样就可以确保在Safari浏览器中正常触发onscroll事件。

关于腾讯云相关产品，腾讯云提供了丰富的云计算服务和解决方案，包括云服务器、云数据库、云存储、人工智能、物联网等。具体推荐的产品和介绍链接如下：

云服务器（CVM）：提供弹性计算能力，满足不同规模和需求的应用场景。了解更多：云服务器产品介绍
云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。了解更多：云数据库MySQL版产品介绍
对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、文档等各种类型的数据存储。了解更多：对象存储产品介绍
人工智能平台（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。了解更多：人工智能平台产品介绍
物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。了解更多：物联网产品介绍

以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来支持云计算和开发工作。

相关·内容

箭头函数中的this值

其实那只是其中一个因素，还有一个因素就是在ZnHobbies方法中的this已经不属于上一个区块，而这里的this并没有name值。...所以解决办法的其中一个就是在ZnHobbies函数中写入 var that = this; 然后将this替换成that，所以输出的结果中，就有了lucifer的名字啦。...还有的一个办法就是将ZnHobbies函数下的map改写成箭头函数： ZnHobbies: function () { this.hobbies.map((hobby)=...为什么箭头函数可以达到这样的效果呢？是因为箭头函数没有它自己的'this'值。它的this值是继承于它的父作用域的。

2.2K2 0

JavaScript中的箭头函数

你可以把函数存储在变量中，把它们作为参数传递给其他函数，并从其他函数中把它们作为值返回。你可以使用JavaScript箭头函数来做所有这些事情。无圆括号语法在上述示例中，函数是没有参数的。...在本例中，你必须在胖箭头符号（=>）之前添加一对空的圆括号()。...不正常工作的情况箭头函数并不只是在JavaScript中编写函数的一种花里胡哨的新方法。它们有自己的局限性，这意味着在有些情况下你不想使用箭头函数。让我们看看更多的例子。...这次，问题出在箭头函数的词法作用域上。对象方法中的this引用的是父对象的范围，在本例中是Window对象，而不是父对象本身--也就是说，不是netflixSeries对象。...这意味着arguments对象在箭头函数中是不可用的。

2.1K2 0

Javascript中普通函数和箭头函数的区别

Javascript中普通函数和箭头函数的区别 1.在es6中运行使用“（=>）”来定义函数，比如： var fn = p=> p;//最精简模式 //等价 var fn = function (p)...var fn2 = (p1,p2)=>{ let p3 = p1+p2; return p3; } 2.箭头函数没有this对象，他会找到上层调用者作为this对象，直至window。...还有，由于箭头函数没有自己的this，所以call，apply，bing等方法都不能改变this指向。...4.箭头函数没有arguments，如果想要获取全部参数，就使用rest参数。...//箭头函数没有arguments,rest参数代替 var add=(...num)=>{ let sum=0; for (let val of num) {

9701 0

ES6中的箭头函数

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。...上面四点中，最重要的是第一点。对于普通函数来说，内部的this指向函数运行时所在的对象，但是这一点对箭头函数不成立。它没有自己的this对象，内部的this就是定义时上层作用域中的this。...setTimeout()的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。...除了this，以下三个变量在箭头函数之中也是不存在的，指向外层函数的对应变量：arguments、super、new.target。...const cat = { lives: 9, jumps: () => { this.lives--; } } 上面代码中，cat.jumps()方法是一个箭头函数，这是错误的。

5602 0

ES6中的箭头函数=>

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？...因为它的定义用的就是一个箭头： x => x * x 相当于： function(x){ return x*x; } 箭头函数相当于匿名函数，并且简化了函数定义。...箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。...{ ... }有语法冲突，所以要改为： // ok: x => ({ foo: x }) this 箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this...26, 0, 2, 36, 46] // 更简明的promise链 promise.then(a => { // ... }).then(b => { // ... }); // 无参数箭头函数在视觉上容易分析

5874 1

ES6箭头函数中this指向谁？

ES6箭头函数中this （1）默认指向定义它时，所处上下文的对象的this指向。...即ES6箭头函数里this的指向就是上下文里对象this指向，偶尔没有上下文对象，this就指向window （2）即使是call，apply，bind等方法也不能改变箭头函数this的指向一些实例加深印象...（1）hello是全局函数，没有直接调用它的对象，也没有使用严格模式，this指向window function hello() { console.log(this); // window...console.log(this); // window }); } } obj.hello(); （4）hello直接调用者是obj，第一个this指向obj，setTimeout箭头函数...perimeter是箭头函数，this应该指向上下文函数this的指向，这里上下文没有函数对象，就默认为window，而window里面没有radius这个属性，就返回为NaN。

1.7K1 0

为什么 strace 在 Docker 中不起作用？

在编辑“容器如何工作”爱好者杂志的能力页面时，我想试着解释一下为什么 strace 在 Docker 容器中无法工作。...原因 1：在实验中，作为一个普通用户，我可以对我的用户运行的任何进程进行 strace。...容器进程是否在不同的用户命名空间中？嗯，在容器中： root@e27f594da870:/# ls /proc/$$/ns/user -l ......这很容易解释为什么 strace 在 Docker 容器中不能工作 —— 如果 ptrace 系统调用完全被屏蔽了，那么你当然不能调用它，strace 就会失败。...在 containerd 的 seccomp 实现中，在 contrib/seccomp/seccomp/seccomp_default.go 中，有一堆代码来确保如果一个进程有一个能力，那么它也会（通过

6.2K3 0

通过vue.js 学习来总结es6语法中的箭头函数，箭头函数原理分析。

：Arrow Function（箭头函数）。...因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。...由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略： var obj = { birth:...// alert(this) // var fn = ()=>{ // this.msg ="222" // console.log(this) //箭头函数中...） // } //---总结--- //箭头函数一般用于函数嵌套时，防止this指向变化，在箭头函数 //中this的指向一直是外层对象，即廖雪峰大神说的“箭头函数完全

1.6K2 0

在bootstrap中col-md-offset-* 偏移不起作用

在bootstrap中，使用col-md-offset-1、col-md-offset-2、col-md-offset-3、col-md-offset-4等来设置偏移量很常见，但最近就遇到一个问题了，在最新版的...bootstrap4.5中，这个值不起作用了。...后来翻看Bootstrap的官方文档才明白，原来在bootstrap4以后，定义已经发生了变化，我们不需要前缀col-，只是偏移-md-3 这样的写法，也就是不要col-开头了，而是offset-md-

12.4K2 0

js中的箭头函数和普通函数有什么区别

js中箭头函数和普通函数区别如下： 1、样式不同，箭头函数是 =>，普通函数是 function； 2、箭头函数不能作为构造函数使用，也就不能使用 new 关键字； 3、箭头函数不绑定 arguments...，可以考虑用剩余参数代替； 4、箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，定义的时候就确定了； 5、call、apply、bind 并不会影响 this 的指向； 6、箭头函数没有原型属性...； 7、箭头函数不能当作 Generator 函数，不能使用 yield 关键字；

2.1K4 0

List.append() 在 Python 中不起作用，该怎么解决？

在 Python 中，我们通常使用 List.append() 方法向列表末尾添加元素。然而，在某些情况下，你可能会遇到 List.append() 方法不起作用的问题。...变量重新赋值在 Python 中，列表是可变对象，也就是说，它们可以通过引用进行修改。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递。在 Python 中，函数参数传递是通过对象引用实现的。...检查列表是否作为参数传递如果你将列表作为函数的参数传递，并且在函数内部对列表进行修改，请确保你想要修改的是原始列表，而不是创建一个新的列表对象。3....结论List.append() 方法在 Python 中通常是一个方便且常用的方法，用于向列表末尾添加元素。然而，当遇到某些情况时，它可能不起作用。

2.3K2 0

在win10+chrome环境中调试ios-safari画面

手头上有个调试Echarts地图在ios端显示情况的任务，工作电脑是win10，因此在这里，找到了方法。 1 下载iTunes 在官网下载iTunes。才能识别连接的ios设备。...2 开启调试模式在ios端打开设置->Safari->高级->Web检查器 3 ios-webkit-debug-proxy 这里就是核心了。...其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。与原博相比，git上有一些更新：在Binaries小节点击下载。...浏览器地址栏输入会显示所有设备清单： iOS Devices: localhost:9222 - iPad 点击打开可以发现地址栏变为：同时显示该ios设备中Safari浏览器打开的所有页面...提示显示需要右键点击点击链接，选择复制链接地址，再在新标签页中打开链接。就能看到常见的chrome调试接口 6 缺点发现console输出无效。

2K1 0

【MYSQL函数】MYSQL中IF函数在where中的使用

`TYPE_FLAG` = 1 或者 SUPPLIER_CLASS=1 实现有两种：一、使用IF函数 SELECT temp.* FROM (SELECT tp1.

12.1K2 0

如何在 pyqt 中解决国际化 tr() 函数不起作用的问题

前言有些时候我们在父类中使用了 self.tr('XXX')，使用 Qt Linguist 完成翻译并导出 qm 文件后，发现子类中仍然是英文原文。...Add.png", self.coverPath, self.tr('Add to') ) 父类 AlbumCardBase 中有两处使用了 tr 函数...，分别翻译为播放和添加到，但是在子类中这些文本仍然会显示为 Play 和 Add to，下面来看看如何解决这个问题。...解决过程生成的 ts 文件中，有这样一段代码：复制 AlbumCardBase 标签中的类名即可，比如 AlbumCard 为子类，那么只需添加下述代码：复制 AlbumCard</name

2.1K3 0

es6中箭头函数学习的一个记录

公司要开小程序的项目了，领导让提前熟悉下es6的语法，学习中遇到箭头函数相关的一段代码，起初对输出结果不是很理解，重新看了箭头函数的相关概念后才有一点儿明白。...Timer函数内部设置了两个定时器，分别使用了箭头函数和普通函数,然后用setTimeout函数延迟3100毫秒后执行。...因为：前者的this绑定定义时所在的作用域（即Timer函数），后者的this指向运行时所在的作用域（即全局对象）箭头函数中的this.绑定的是Timer函数中的s1变量，所以每隔一秒钟s1的值会被更新...，但是在普通函数中，this指代的是全局对象，放到浏览器，全局对象是window，在node就是global.s2。...在上边儿这段代码中，并没有在全局定义s2变量，所以this.s2++其实没有什么作用，如果在这里将s2打印一下： // 普通函数 setInterval(function () {

6594 0

指针在函数中的作用

指向函数的指针指针变量也可以指向一个函数。一个函数在编译时被分配给一个入口地址，这个函数入口地址被称为函数的指针。可以用一个指针变量指向函数，然后通过该指针变量调用此函数。...，调用pfun函数指针，就和调用函数avg一样。...从函数中返回指针当我们定义一个返回指针类型的函数时，形式如下： int *fun(参数列表) { ……； return p; } p是一个指针变量，它可以是形式如&value的地址值。...指针数组数组中的元素均为指针变量的数组称为指针数组，一维指针数组的定义形式为：类型名 *数组名 [数组长度]；类如： int *p[4]; 指针数组中的数组名也是一个指针变量，该指针变量为指向指针的指针...指针数组中的元素可以使用指向指针的指针来引用。

2.8K2 0

在Python中定义Main函数

本文结束时，您将了解以下内容：什么是特殊的name变量以及Python中如何定义它为什么要在Python中使用main()函数在Python中定义main()函数有哪些约定 main()函数中应该包含哪些代码的最佳实践...Python中的基本main()函数一些Python脚本中，包含一个函数定义和一个条件语句，如下所示：此代码中，包含一个main()函数，在程序执行时打印Hello World!。...第三个print()会先打印短语The value name is，之后将使用Python内置的repr()函数打印出name变量。在Python中，repr()函数将对象转化为供解释器读取的形式。...命令行环境不同的操作系统在使用命令行执行代码时存在细微的差异。在Linux和macOS中，通常使用如下命令：美元符号($)之前的内容可能有所不同，具体取决于您的用户名和计算机名称。...在开发模块或脚本时，可以使用import关键字导入他人已经构建的模块。在导入过程中，Python执行指定模块中定义的语句（但仅在第一次导入模块时）。

3.8K3 0

在MongoDB中实现聚合函数

实现聚合函数在关系数据库中，我们可以在数值型字段上执行包含预定义聚合函数的SQL语句，比如，SUM()、COUNT()、MAX()和MIN()。...但是它允许使用db.system.js.save命令来创建并保存JavaScript函数，JavaScript函数可以在MapReduce中复用。下表是一些常用的聚合函数的实现。...稍后，我们会讨论这些函数在MapReduce任务中的使用。...values) { var variance = Variance(key,values); return Math.sqrt(variance); }}); SQL和MapReduce脚本在四种不同的用例场景中实现聚合函数的代码片段如下表所示...在MongoDB中，更复杂的聚合函数也可以通过使用MapReduce功能实现。

3.7K7 0

es6（三）：es6中函数的扩展（参数默认值、rest参数、箭头函数）

1.函数可以设置参数默认值 1 function test1(x,y=1){ 2 console.log(x,y) 3 } 4 test1(10)//10 1 2.rest参数...(a,b){ 2 console.log(a+b) 3 } 4 // ...后面跟上数组好比是rest参数的逆运算 5 test21(...[1,2])//3 3.箭头函数...注意：箭头函数中this指向的是定义时所在的对象，不同于普通函数this指向的是运行时所在对象 1 function Test10(){ 2 this.name='apple', 3...this.num=10, 4 setTimeout(()=>{ 5 //箭头函数this始终指向定义时所在对象，即Test10 6 console.log...('arrow function',this.num+1) 7 },1000); 8 setTimeout(function(){ 9 //普通函数在下面这种情况下

1.1K10 0

在 Typescript 中推断函数返回类型

情景你正在使用名为 funky-lib 的库中的 doFunkyStuff 函数。...在之前的版本中，实现相同效果可能有些棘手。总结这个提示只是 TypeScript 提供的众多功能中的冰山一角。...Here is the translation:情景你正在使用名为 funky-lib 的库中的 doFunkyStuff 函数。...在之前的版本中，实现相同效果可能有些棘手。总结这个提示只是 TypeScript 提供的众多功能中的冰山一角。...在之前的版本中，实现相同效果可能有些棘手。总结这个提示只是 TypeScript 提供的众多功能中的冰山一角。我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！

941 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云