博主信息
博文 29
粉丝 1
评论 0
访问量 25195
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js中的常量与变量以及常用函数
风车
原创
550人浏览过

js代码中的成员主要由数据和操作组成

首先是数据,有些数据为了重复使用,所以会将他们保存在一个容器中 这个容器就是变量或者常量,方便重复调用 ,实现数据复用。

变量

let a = 20;
let 是变量的声明关键字, a是变量名,方便后面调用
需要注意的是变量可以更新,也就是说变量可以重新赋值,但是变量禁止重复声明
变量在首次声明时可以不用赋值。

常量

const b = 30;
const 是常量的声明关键字
常量与变量的区别是,常量一点赋值,不允许更新,所以在声明常量是必须赋值

在实际开发过程中推荐尽量使用常量

操作也叫函数

function 是操作的声明关键字 可以声明一段操作,声明之后可以实现才做服用
例如

  1. function c(a,b){
  2. let c=(a+b);
  3. return c;
  4. }
  5. console .log(c(20,40));

这段代码的意思是 首先声明一个操作 声明为 c,在这段操作中有两个值 a和b let是变量关键字 c的值等于a+b 运算完成后输出C的值
外面的console .log 是查询关键字,查询出c的值,因为上面的操作中并没有给变量a和b 实际的值 所以在查询的时候赋值
这里又多出一个概念,就是形参和实参
a,b就是形参 因为只是给了一个变量名而没有实际参数
20 40 才是实参,因为这就是变量a和b的实际参数

用一对 {} 包围的叫做代码块
  1. {
  2. let a=20;
  3. console .log(a);
  4. }

需要注意的是使用Let声明的变量只支持代码块内部访问,在代码块的外部无法访问

作用域

例如

  1. {
  2. function a(b,c,d){
  3. let a=+b+c+d;
  4. return a;
  5. }
  6. console.log(a(5,6,7));
  7. }

上方就是一个作用域,写在作用域之外的变量或函数都属于全局作用域,可以随意调用

合法标识符

在Js代码中的变量let 常量const 和函数function等都属于标识符
标识符有以下规则
1.标识符分为两种,js代码预留的 和用户自定义的
2.标识符不允许用数字开始
3.表示符不允许出现特殊符号,只有下划线 _ 和 $ 符号可以使用

命名规则

分为驼峰式和蛇形命名
驼峰式
1.小驼峰
除了首单词外,后面的单词首字母大写
小驼峰命名主要用在变量和函数的命名中

  1. {function getName(userName){
  2. return 'hello,'+userName;
  3. }
  4. console.log(getName('老张'))}

2.大驼峰
首字母全部大写
常用于构造函数和类的命名

蛇形命名主要用于常量的命名

  1. username => user_name;

三种常用的函数类型

命名函数

  1. {function getName(username){
  2. return 'hello,'+username;
  3. }
  4. console.log(getName('朱老师'))}

在声明函数是就直接给这个函数一个名字,在需要时直接使用函数名调用

匿名函数

  1. let userAame = function(username){
  2. return 'hello' + username
  3. }
  4. console.log(userAame('牛老师'))

匿名函数想要调用就必须给一个命名,这个命名可以使用常量也可以使用变量来命名,需要时直接调用常量名或者变量名

匿名函数中还有个比较特殊的函数叫一次性函数,也叫IIFE作用域,只执行一次就消失 IIFE可以创建一个临时作用域

  1. (function(username){
  2. return 'hello' + username
  3. })('灭绝老师')

箭头函数
这个函数是匿名函数的简写
去掉函数中的声明function 然后在参数列表后给加一个胖箭头
=> 这是胖箭头
-> 这是瘦箭头

  1. userAame = (username) => {
  2. return 'hello' + username
  3. }
  4. console.log(userAame('牛老师'))

这就是简化后的匿名函数

如果只有只有一条语句还可以更简化
可以不要大括号{} 并且不用return

  1. userAame = (username) =>'hello' + username;
  2. console.log(userAame('牛老师'));

这一条输出的和上面一条一样。

  1. f =(a,b,c)=>a+b+c;
  2. console.log(f(1,2,3))
  3. 语法说明
  4. 声明一个操作 f (这里省去了function这个关键字)
  5. f的参数列表abc 随后胖箭头替代了大括号
  6. 随后直接写f的内部运算操作
  7. 最后使用console.log访问出运算结果
批改老师:PHPzPHPz

批改状态:合格

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

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

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