专栏首页李才哥js中的函数
原创

js中的函数

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>04_函数</title>

</head>

<body>

<!--

1. 什么是函数?

* 具有特定功能的n条语句的封装体

* 只有函数是可执行的, 其它类型的数据是不可执行的

* 函数也是对象

2. 为什么要用函数?

* 提高代码复用

* 便于阅读和交流

3. 如何定义函数?

* 函数声明

* 表达式

4. 如何调用(执行)函数?

* test()

* new test()

* obj.test()

* test.call/apply(obj)

-->

<script type="text/javascript">

function f1 () { // 函数声明

console.log('f1()')

}

var f2 = function () { // 表达式

console.log('f2()')

}

/*

编写程序实现以下功能需求:

1. 根据年龄输出对应的信息

2. 如果小于18, 输出: 未成年, 再等等!

3. 如果大于60, 输出: 算了吧!

4. 其它, 输出: 刚好!

*/

function showInfo (age) {

if(age<18) {

console.log('未成年, 再等等!')

} else if(age>60) {

console.log('算了吧!')

} else {

console.log('刚好!')

}

}

//调用

showInfo(17)

showInfo(22)

/*

函数也是对象

*/

function fn() {

}

console.log(fn instanceof Object) // 是Object类型的实例

console.log(fn.prototype) // 内部有属性

console.log(fn.call) // 内部有方法

fn.t1 = 'atguigu' // 可以添加属性

fn.t2 = function () { // 可以添加方法

console.log('t2() '+this.t1)

}

fn.t2()

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>05_回调函数</title>

</head>

<body>

<button id="btn">测试点击事件</button>

<!--

1. 什么函数才是回调函数?

* 你定义的

* 你没有直接调用

* 但最终它执行了(在特定条件或时刻)

2. 常见的回调函数?

* DOM事件函数

* 定时器函数

* ajax回调函数(后面学)

* 生命周期回调函数(后面学)

-->

<script type="text/javascript">

//1. DOM事件函数

var btn = document.getElementById('btn')

btn.onclick = function () {

alert(this.innerHTML)

}

//2. 定时器函数

setInterval(function () {

alert('到点啦!')

}, 2000)

</script>

</body>

</html>

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js中的函数

    console.log(fn instanceof Object) // 是Object类型的实例

    李才哥
  • JavaScript秘密笔记 第三集

    什么是: 在开始正式执行程序前,引擎会将var声明的变量和function声明的函数,提前到*当前作用域*的顶部,集中创建。

    李才哥
  • js那些事

    今天我尝试让大家理解只有在绝对需要的情况下才使用匿名函数的想法。匿名函数不应该是首选,而且你自己也应该知道为什么使用它。当理解这种想法之后,你的代码会变得更简洁...

    李才哥
  • js中的函数

    console.log(fn instanceof Object) // 是Object类型的实例

    李才哥
  • javascript函数

    JavaScript中的函数可以分为两类:有名函数与匿名函数。而定义函数的方式有两种:函数声明与函数表达式。

    踏浪
  • JavaScript学习笔记003-函数0属性0模板字符串

    Mr. 柳上原
  • 函数的定义和调用

    星辰_大海
  • 谈谈ES6语法(汇总下篇)

    ES2017标准引入了async函数,使得异步操作更加方便。async函数是Generator函数的语法糖。不打算写Generator函数,感兴趣的话可以看文档...

    嘉明
  • 简单的说下,(function(){...})() 与 (function(){...}()) 有什么区别?

    大周末的写太长了也没人看,标题所提问,其实没有区别, function xxx(){...},这是一个函数,解释器知道了,但并不运行它; xxx(),解释器遇到...

    web前端教室
  • 函数的定义和调用

    梨涡浅笑

扫码关注云+社区

领取腾讯云代金券