Blogger Information
Blog 29
fans 1
comment 0
visits 14780
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js中的常量与变量以及常用函数
风车
Original
374 people have browsed it

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访问出运算结果
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