你听过js中函数执行吗

简介: 你听过js中函数执行吗

一、主动执行函数。


众所周知,函数一般有下面几种表现方式: 第一种:函数声明


function demo_one(){
console.log("this is demo-one");
 }


第二种:函数表达式


var demo=function(){
  console.log("this is demo-two");
   }


第三种:匿名表达式


function(){
    console.log("this is demo-three");
 }
 var name="maomin";
  function main(){//这里是声明一个叫mian函数,简单的叫做函数体,现在还不是函数表达式。
  console.log(this.name);//输出 maomin 
 }
main();


这里的main函数称为主动执行函数,什么叫主动执行函数呢?就是立即执行的函数啊。显然,最初声明的函数体如果没有下面的mian(),就不能执行,这里的main()叫做函数调用,先声明后调用。


var main=function(){
  console.log(this.name);//输出maomin,这里是函数表达式。
 }
main();


首先一个函数体要想执行必须先成为函数表达式,成为函数体之后在函数体后面加上()就可以执行了。下面是几个demo.


1.


!function main(){
  console.log("this is !");
 }();
// or
!function(){
  console.log("this is wuming");
   }




(function(age){
  console.log(age);
 })(21);
// or
(function(money){
  console.log(money);
 }(100));


以上两种是将函数声明通过(、!、+、-,转换成函数表达式,转换成函数表达式就可以在后面加上(),就可以立即执行了。



总之,函数体要想执行那个首先成为函数表达式,然后在函数体后面加上()调用它,

二、延时触发函数。


var a=document.querySelector("body");
 a.onclick=function(){
  alert("被点击了!")
 }
 var time=setInterval(function(){
  var name="maomin";
  console.log(this.name)
 },2000)


当事件被执行时,函数才被执行。这叫做延时触发函数




相关文章
|
6天前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
2天前
|
前端开发 JavaScript
前端 JS 经典:函数管道
前端 JS 经典:函数管道
5 0
|
6天前
|
JavaScript 前端开发 网络架构
函数柯里化:JavaScript中的高级技巧
函数柯里化:JavaScript中的高级技巧
|
7天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
7天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
7天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
8天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
21 2
|
8天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
16 0
|
8天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
17 1
|
8天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
15 2