Blogger Information
Blog 6
fans 0
comment 0
visits 3287
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS中变量和常量的声明及区别及常见的四种函数和五个基础数据类型
远方
Original
395 people have browsed it

简介:①JS中变量和常量的声明及区别②JS中常见的四种函数和五个基础数据类型

JS中变量和常量的声明及区别

源码示例

  1. //变量 建议使用let 声明,可以更新(声明 - 初始化 - 更新)
  2. //常量 const 声明,声明时必须进行初始化 ,禁止更新
  3. let uname
  4. uname = '张三 - ,我是一个变量'
  5. console.log(uname)
  6. uname = '李四,我是变量我发生了变化'
  7. let uname2 = '王五,我是在声明时就初始化的一个变量'
  8. console.log(uname)
  9. console.log(uname2)
  10. const WWWROOT = 'https://www.learnjs.io,- 我是一个常量'
  11. console.log(WWWROOT)

运行效果图

附图1

js中声明的变量和常量最主要的区别是:变量可以更新,重复赋值,常量仅能在声明的时候初始化并赋值,后续不能更新。

JS中常见的四种函数

源码示例

  1. //函数
  2. //----命名函数
  3. function get_version()
  4. {
  5. let str = 'V10.5.2, 我是一个命名函数'
  6. console.log(str)
  7. }
  8. function sum_add(a,b)
  9. {
  10. return `${a}+${b} = `+(a+b)
  11. }
  12. console.log(sum_add(5,7))
  13. console.log('......................')
  14. //--用声明变量的方式来声明函数--let/const
  15. const sum_add2 = function(a,b){
  16. return `${a}+${b} = `+(a+b)
  17. }
  18. console.log(sum_add2(15,6))
  19. console.log('......................')
  20. //--箭头函数-(匿名函数的简化,去掉function 在()和{}之间加=》)- 用 let/const 来声明
  21. let sum_add3 = (a,b)=>{
  22. return `${a}+${b} = `+(a+b)
  23. }
  24. console.log(sum_add3(28,5))
  25. let sum_add4 = (a,b) => `${a}+${b} = `+(a+b)
  26. console.log(sum_add4(37,6))
  27. console.log('......................')
  28. //--IIFE,立即执行函数,将声明和调用一次性同意完成
  29. ;(function(a,b){
  30. console.log(`${a}+${b} = `+(a+b))
  31. //return `${a}+${b} = `+(a+b)
  32. })(60,30)
  33. ;((a,b) => console.log(`${a}+${b} = `+(a+b)))(100,60)
  34. console.log('......................')

运行效果图

附图2

JS中常见的五个基础数据类型

源码示例

  1. //---基本数据类型
  2. //---数值型 number
  3. let num = 100
  4. console.log('我的数据类型是:'+typeof(num))
  5. console.log('......................')
  6. //---字符串型 string
  7. let str = '今天星期五'
  8. console.log('我的数据类型是:'+typeof(str))
  9. console.log('......................')
  10. //---布尔类型 bool
  11. let statusx = true
  12. console.log('我的数据类型是:'+typeof(statusx))
  13. console.log('......................')
  14. //---null
  15. let language = null
  16. console.log('我的数据类型是:'+typeof(language))
  17. console.log('......................')
  18. //---undefined
  19. let learns //只声明变量未初始化,相当于未定义变量---
  20. console.log(learns)
  21. learns = [1,2,3]
  22. console.table(learns)
  23. console.log('......................')

运行效果图

附图3

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:完成的不错,以后可以在最后添加一些自己的总结内容,继续加油
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post