Blogger Information
Blog 14
fans 0
comment 0
visits 8284
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS初识变量及函数学习
#三生
Original
365 people have browsed it

一、推荐的三个JS插件

  1. JavaScript (ES6) code snippets
  2. Quokka.js
  3. Quokka Statusbar Buttons

二、变量,函数

1.变量
  • 为了数据的复用: 使用”变量,只要涉及到了”复用”, 必须要有2步:
  • 第一步:声明过程: 仅定义, 不执行, 方便编译预处理
  • 第二步:执行过程: 复用的过程, 可以多次,多个地方调用声明的语句
  1. //变量声明
  2. let a;
  3. let b;
  1. //变量执行, 赋值
  2. //第一次叫:初始化
  3. a = 10;
  4. b = 20;
  5. //第二次赋值叫更新 / 修改
  6. a = 15;
  1. //变量删除
  2. a=null
  1. //变量按名使用才能实现:数据复用
  2. console.log(a, b);
  1. //变量禁止重复声明
  2. //变量声明过a, 禁止在使用a;
  3. let a;
2.函数
  • function : 声明函数
  • sum: 函数名称
  • (a,b): 参数列表
  • return : 返回结果
  1. //声明函数
  2. function sum(a, b) {
  3. return a + b;
  4. };
  5. //return下面永不执行
  1. //调用函数
  2. console.log(sum(a, b));

三、作用域

1.块作用域
  1. {
  2. // 代码块
  3. let a = 123; // 将变量的声明与赋值(初始化)二合一
  4. // 等价于以下二条:
  5. // let a;
  6. // a = 123;
  7. console.log(a);// 块中变量在块中可以访问到
  8. }
2.函数作用域
  1. function sum(a, b) {
  2. let res = a + b;
  3. console.log(res);// 函数内部声明的成员可以内部访问
  4. }
  5. sum(30, 50);

注:私有成员: 在块/函数内部声明的成员, 仅限内部使用, 外部不可见

3.全局作用域(默认)
  1. // 位于"代码块/函数"之外的空间, 叫"全局作用域"
  2. // a: 全局变量, 公共变量
  3. let a = "123456";

总结: 全局 —-> 块 / 函数,访问顺序像链条一个, 形成了一条”作用域链”

四、常量

  1. 常量是什么?
  • 当一个数据,需要在多处被引用,为了防止引用时发生数据不一致,需要将它的值固定下来
  • 这样的数据,应该声明为”常量”
  • 所谓”常量”,就是经常被使用到的变量, 简称”常量”
  • 例如: 性别, 对象, 数据,函数等,都应该声明为常量
  • 常量的值不可变,所以必须在声明时初始化
  1. // 声明常量 常量值不能改变
  2. const num = 18;
  3. function age(r) {
  4. return (cal = num * r);
  5. }
  6. console.log(cal); //36
  7. console.log(age(2)); //36

五.标识符命名规范

  • 标识符: 代码中有意义的符号, 例如: 变量, 函数等
  • 标识符有二类:
    • 系统标识符: 关键字, 保留字, 是JS提供给开发者, 直接拿来用,不需要声明
    • 自定义标识符: 必须 “先声明, 再使用”, 例如 email, password, get…
  • 标识符可使用的字符:
    • 必须是: 字母,数字, 下划线”_”, “$”(四种),其它字符均是非法符号
    • 首字母不得使用”数字”
  • 标识符命名规范:
    • 驼峰式: 第二个单词首字母大写, 第一个单词首字母是否大小取决于用途,例如构造函数/类的首字母要大写
      • 小驼峰,首字母小写 myEmail, getUserInfo
      • 大驼峰: 首字母大写 UserInfo, StuModel
    • 蛇形式: 每个单词之间使用”下划线”分割
      • user_name, get_email,
    • 常量
      • 建议全部大写,用_分隔 APP_NAME
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