setTimeout(function() {doSth();}，3) vs setTimeout(doSth，3)？

setTimeout(function() {doSth();}, 3) 和 setTimeout(doSth, 3) 的区别在于参数的传递方式不同。

setTimeout(function() {doSth();}, 3)：
- 这种方式传递的是一个匿名函数，函数体内调用了 doSth() 函数。
- 在延迟 3 毫秒后，会执行匿名函数，然后匿名函数内部调用 doSth() 函数。

setTimeout(doSth, 3)：
- 这种方式直接传递了 doSth 函数本身。
- 在延迟 3 毫秒后，会直接执行 doSth 函数。

两种方式的选择取决于具体的需求和场景：

如果需要在延迟结束后执行一些额外的逻辑或对 doSth 函数进行一些处理，可以使用第一种方式，即 setTimeout(function() {doSth();}, 3)。
如果只需要简单地延迟执行 doSth 函数本身，可以使用第二种方式，即 setTimeout(doSth, 3)。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（云原生、函数计算）：https://cloud.tencent.com/product/scf
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
腾讯云安全产品（WAF、DDoS 防护）：https://cloud.tencent.com/product/safety
腾讯云音视频处理（云直播、点播）：https://cloud.tencent.com/product/vod

相关·内容

JS中的this指向问题

var name = 'aaa'; setTimeout(function(){ console.log(this.name); }, 0); // 语法 setTimeout(fn | code...也可以传递其他函数 // 类比 setTimeout函数内部调用fn或者执行代码`code`。...当使用bind在setTimeout中创建一个函数（作为回调提供）时，作为thisArg传递的任何原始值都将转换为object。...3、没有原型对象。 4、不可以改变this的绑定。 5、形参名称不能重复。箭头函数中没有this绑定，必须通过查找作用域链来决定其值。...onclick onclick 1 2 3<

1.3K3 0

面试官问：JS的this指向

1.面试官问：能否模拟实现JS的new操作符 2.面试官问：能否模拟实现JS的bind方法 3.面试官问：能否模拟实现JS的call和apply方法 4.面试官问：JS的this指向 5.面试官问：JS...var name = '若川'; setTimeout(function(){ console.log(this.name); }, 0); // 语法 setTimeout(fn | code...也可以传递其他函数 // 类比 setTimeout函数内部调用fn或者执行代码`code`。...当使用bind在setTimeout中创建一个函数（作为回调提供）时，作为thisArg传递的任何原始值都将转换为object。...3、没有原型对象。4、不可以改变this的绑定。5、形参名称不能重复。箭头函数中没有this绑定，必须通过查找作用域链来决定其值。

7432 0

JavaScript与ActionScript3 -- setTimeout方法的差异

JavaScript中setTimeout方法接受的参数只有两个，而ActionScript3却可以有多个。...JavaScript代码： setTimeout(function() { alert(arguments.length); }..., 1 * 3000, 1, 2, 3); 显示的结果为0 ActionScript3.0的代码： setTimeout(function(a:int, b:int, c:int)...:void { trace(arguments.length, a, b, c); }, 3 * 1000, 1, 2, 3); 控制台上打印得到的结果：3 1 2 3，也就是as3的setTimeout

5291 0

Js中的this总结

());//示例2console.log((foo.bar)());//示例3console.log((foo.bar = foo.bar)());//示例4console.log((false ||...function foo() { setTimeout( () => { console.log("args:", arguments); },100);}foo( 2, 4, 6,...局部变量this 下面的例子是为了说明局部变量thisfunction foo() { var self = this; setTimeout(function() { console.log...然后修改了一下：function foo() { var self = this; setTimeout(function() { console.log("id:" + self.id...); }}var Student = { name: 'rod', doSth: doSth,}// 普通函数调用doSth(); // window// 对象上的函数调用Student.doSth

2.4K2 0

必知必会的JavaScript前端面试题篇(一)，不看后悔！

// 严格模式 'use strict'; var name = 'window'; var doSth = function () { console.log(typeof this ===...doSth = function () { console.log(this.name); }; var student = { name: 'lc', doSth: doSth...3....for (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i); }, 2000); } // 3 3 3...for (let i = 0; i < 3; i++) { setTimeout(() => { console.log(i); }, 2000); } // 0 1

1111 0

Promise 写法示例

基本用法 function doThing(){ return new Promise(function (resolve, reject) { setTimeout(function(){...代码如下 doThing1().then(function () { return doThing2() }).then(function () { return doThing3() }) 上面代码中...多个并行操作以 3 个为例。...代码如下 Promise.all([doThing1(), doThing2(), doThing3()]).then(function () { // doSth } 上面代码中，doThing1...，doThing2，doThing3 都要返回 Promise 对象。

3552 0

细说Js中的this

4.3K2 0

为什么不是0,1,2,3,4？setTimeout的奇怪问题

网上看到这样一个题目： for(let i=0;i<5;i++){ setTimeout(function(){alert(i)},0) } 它输出的顺序并不是0，1，2，3，4，也不是固定的某一个顺序的数字...其实这里有三个关键点， 1、let，它声明了一个块级作用域； 2、alert，它引起了js的阻塞； 3、setTimeout添加到js队列；简单的讲， 1、js中没有任何可以立即执行的代码，它们都是需要被添加到队列中...2、setTimeout并不是指定了间隔时间就一定会按指定时间执行。它只是说“在指定时间之后，加入队列，等待执行”。至于什么时候执行，要看进程队列的空闲程度。...3、alert()它会阻塞js的执行，此时js进程是暂停的。 4、题目中使用的是let，这相当于是使用闭包的方式来传入值。如果是var，那么就是直接执行完i=5之后再执行alert了。

6519 0

BOM 操作写法示例

a=3&c=aa#b location.href // 完整的url location.hostname // 192.168.31.194 location.host // 192.168.31.194...a=3&c=aa location.hash // #b location.pathname // /jquery/index.html 全局对象信息弹出框 alert('你很帅！')...open('http://baidu.com', 'a') open('http://youku.com', 'a') // 上面窗口的地址会从百度变成优酷的过段时间后执行 // 1 秒后执行 setTimeout...(function() { // doSth }, 1000) 每隔一段时间执行 var i = 1 // 每隔 1 秒后执行 var runId = setInterval(function(){...var targetEl = document.querySelector('.tar') var res var isStop var runId = requestAnimationFrame(function

5542 0

面试官问：能否模拟实现JS的call和apply方法

看两个简单例子1和2**： // 例子1：浏览器环境非严格模式下var doSth = function(a, b){ console.log(this); console.log([...这时候请出例子3： // 浏览器环境非严格模式下var doSth = function(a, b){ console.log(this); console.log(this.name...= student.hasOwnProperty('doSth'); student.doSth = function(){}; delete student.doSth; // 如果没有，`originalVal...function test(){ varundefined = 3; console.log(undefined); // chrome下也是 3 } test(); 所以判断一个变量...、eval、new Function()，严格模式等。事实上，现实业务场景不需要去模拟实现call和apply,毕竟是ES3就提供的方法。但面试官可以通过这个面试题考察候选人很多基础知识。

8013 0

Vue自定义组件-事件使用

export default { props: { msg: { default: '下载' } }, methods: { btnClickEvent: function...v-on:myClick="doSth3" v-bind:msg="msg3"> <img slot="icon" class="ico" src="@/assets/img/setting.png...() { return { msg1: '变量1', msg2: '变量2', msg3: '变量3' } }, methods: { doSth1: function ()...{ console.log('方法1') }, doSth2: function () { console.log('方法2') }, doSth3...: function () { console.log('方法3') } } }

4801 0

ES6 写法示例

匿名函数调用 ES5 (function(){ //dosth })() ES6 { //dosth } 箭头函数将数组的内容 * 2 ES5 [1, 2, 3].map(function(each...){ return each * 2; }); ES6 [1, 2, 3].map(each=> each * 2); // 或 [1, 2, 3].map((each)=> each * 2);...(){ var nums = [].slice.call(arguments); var sum = nums.reduce(function(prev, curr){ return prev...doSth('abc'.split()) function doSth(x, y, z){} ES6 var a1 = [1, 2] var a2 = [0, ...a1, 3] doSth(...'...abc') function doSth(x, y, z){} 解构(Destructuring)赋值交换两个变量的值 ES5 var temp = a; a = b; b = a; ES6 [a,

3241 0

谈一谈javascript面向对象

： const hero = { name:"欧阳锋", nickname:"西毒", doSth:function(){ console.log('灵蛇杖法')...=nickname obj.doSth = function () { console.log(doSth); } return obj } const hero1...Hero(name, nickname, doSth) { this.name = name this.nickname = nickname this.doSth = function...= nickname this.doSth = function () { console.log(doSth); } } const hero3 = new Hero...试试看 function Hero(name, nickname, doSth) { let test = "私有属性" function method(){console.log

2903 0

asyncawait 带你逃离回调地狱

setTimeout(() => { resolve(Math.random() * 10 >> 0); }, time * 1000); }); }...() { var _ref = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee() {...使用与实践错误捕捉在使用Promise时，我们有resolve和reject，如下： function doSth() { promise().then(d => console.log(d...foo() { await sleep(3); await sleep(3); return 'done'; } 运行完需要6秒。...代码二： async function bar() { const s1 = sleep(3); const s2 = sleep(3); await s1; await s2; return

2.1K0 0

关于 Vue3 + setup + ts 使用技巧的总结

doSth() { console.log(333); } defineExpose({ doSth }); 父组件 <div class="father.../Child.vue"; const childRef = ref(); function doSth1() { childRef.value.doSth(); } 6....父组件传子组件父组件 <script.../Child.vue"; function doSth() { console.log(112); } 子组件引用它自己。

6863 0

面试官问：能否模拟实现JS的new操作符(高频考点)

接下来继续看升级版例子3： // 例子3 function Student(name){ this.name = name; // this.doSth(); } Student.prototype.doSth...('川'); console.log(student1, student1.doSth()); // {name: '若'} '若' console.log(student2, student2.doSth...例子3 控制台输出图关于JS的原型关系我之前看到这张图，觉得很不错，分享给大家。 ? 2.3 小结3：这个例子3再一次验证了小结1中的第2点。...return newObj; } 最后用模拟实现的newOperator函数验证下之前的例子3： // 例子3 多加一个参数 function Student(name, age){ this.name...= name; this.age = age; // this.doSth(); // return Error(); } Student.prototype.doSth =

4472 0

面试官问：能否模拟实现JS的new操作符

接下来继续看升级版例子3： // 例子3 function Student(name){ this.name = name; // this.doSth(); } Student.prototype.doSth...小结3：这个例子3再一次验证了小结1中的第2点。也就是这个对象会被执行[[Prototype]]（也就是__proto__）链接。...3.生成的新对象会绑定到函数调用的this。 4.通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。...return newObj; } 最后用模拟实现的newOperator函数验证下之前的例子3： // 例子3 多加一个参数 function Student(name, age){ this.name...= name; this.age = age; // this.doSth(); // return Error(); } Student.prototype.doSth =

3782 0

通过定义UnityContainer扩展变”Explicit Interception”为”Automatic Interception”

SimpleCallHandler被同时应用到了Foo、Bar和Baz的DoSth方法上。...1: public interface IFoo 2: { 3: void DoSth(); 4: } 5: 6: public class...The CallHandler applied to "Foo" is invoked. 2: The CallHandler applied to "Bar" is invoked. 3:...如果我们采用VirtualMethodInterceptor的话，只有定义在需方法的Foo和Bar的DoSth方法才会被拦截。...最终直接通过解析接口IFoo得到Foo对象，并调用其DoSth方法。

6929 0

Python | GUI编程之tkinter (一)

前言本文内容为使用Python3的tkinter模块，开发GUI。...在阅读本文前，请确保你已经或可能满足以下条件：电脑中已经安装配置好Python3环境了解Python3的基础语法，比如导入模块，基础语句，面向对象学习GUI编程指南：在这个GUI领域QT横行的年代...relief 边框形式：定义控件的边框形式，比如2D或者3D text 文字：定义控件的标题文字 variable 变量：将控件的数值映射到一个变量上。...relief：如果为2D，可以是FLAT、SOLID，如果是3D，可以是SUNKEN、RIDGE、RAISED。...3. 按钮控件：Button Button()组件用来创建一个按钮，按钮内可以显示文字或者图片！

5.9K3 1

Java 代码质量

而不是一堆switch (state) . public方法尽量不要用boolean入参, 尤其多个参数的时候, 会让调用者很困惑. 1 // 错误一 2 public void doSth...} 9 10 // 正确: 拆分方法, 公共部分可以抽成private 11 public void doSth(){ 12 //... 13 } 14 15...public void doXX() { 16 //.. 17 } 18 19 // 错误二 20 public void doSth2(boolean...isHorizon){ 21 22 } 23 24 // 正确使用int或者enum来标记参数, 而不是isHorizon 25 public void doSth3(int...繁琐的逻辑 1 if (0 <= b && b <= 1) { 2 　　return b; 3 } else { 4 return b < 0 ?

7509 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云