登录  /  注册
博主信息
博文 38
粉丝 0
评论 0
访问量 28631
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Javascript的基本知识
一个好人
原创
652人浏览过
  1. <script>
  2. // 1.命名函数 声明提升
  3. function MultiArr(arr1, arr2){
  4. return `${arr1} * ${arr2} = ${arr1[0] * arr2[0] + arr1[1] * arr2[1]}`
  5. }
  6. console.log(MultiArr([1, 2], [3, 4]))
  7. // 2. 匿名函数 不会声明提升
  8. const result2 = function(arr3, arr4){
  9. return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
  10. }
  11. console.log(result2([5, 6], [7, 8]))
  12. // 3.箭头函数 声明简化
  13. result3 = (arr3, arr4) =>{
  14. return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
  15. }
  16. console.log(result3([9, 10], [11, 12]))
  17. // 4.立即执行函数
  18. let result4 = (function(arr3, arr4) {
  19. return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
  20. })([13, 14], [15, 16])
  21. console.log(result4)
  22. // 原始类型
  23. // 1. number
  24. console.log(3.14 +'是',typeof 3.14, '类型')
  25. // 2. string
  26. console.log('3.14'+'是',typeof '3.14', '类型')
  27. // 3. boolean
  28. console.log(false+'是',typeof false, '类型')
  29. // 4. null
  30. console.log(null+'是',typeof null, '类型')
  31. // 5. undefined
  32. let a
  33. console.log(a+'是',typeof a, '类型')
  34. // 1.数组
  35. const arr = ['张三','男']
  36. console.log(arr)
  37. console.log(arr[0])
  38. console.log(Array.isArray(arr))
  39. // 2.对象
  40. let user = {name:'李四', sex:'男', age: 23, isVip: true}
  41. console.log(user['name'])
  42. console.log(user.sex)
  43. user = {
  44. name:'李四',
  45. sex:'男',
  46. age: 23,
  47. isVip: true,
  48. show: function(){
  49. // this是当前对象的引用 this.name===user.name
  50. return `name=${this.name}, sex=${this.sex}`
  51. }
  52. }
  53. console.log(user.show())
  54. // 3.函数
  55. let f = function(){}
  56. console.log(typeof f)
  57. f.g = function(name){
  58. return 'hello,' + name
  59. }
  60. console.log(f.g('王五'))
  61. </script>

执行结果:

函数
function.html:20 1,2 3,4 = 11
function.html:28 5,6
7,8 = 83
function.html:33 9,10 11,12 = 219
function.html:38 13,14
15,16 = 419
数据类型
function.html:42 3.14是 number 类型
function.html:44 3.14是 string 类型
function.html:46 false是 boolean 类型
function.html:48 null是 object 类型
function.html:51 undefined是 undefined 类型
function.html:55
引用类型
(2) [‘张三’, ‘男’]
function.html:56 张三
function.html:57 true
function.html:61 李四
function.html:62 男
function.html:73 name=李四, sex=男
function.html:76 function
function.html:80 hello,王五

总结:

一些基本概念,理解起来不难,但函数的灵活运行还是需要多用多练的。

批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学