JS初识变量及函数学习
程序员文章站
2022-05-21 23:24:33
...
一、推荐的三个JS插件
- JavaScript (ES6) code snippets
- Quokka.js
- Quokka Statusbar Buttons
二、变量,函数
1.变量
- 为了数据的复用: 使用”变量,只要涉及到了”复用”, 必须要有2步:
- 第一步:声明过程: 仅定义, 不执行, 方便编译预处理
- 第二步:执行过程: 复用的过程, 可以多次,多个地方调用声明的语句
//变量声明
let a;
let b;
//变量执行, 赋值
//第一次叫:初始化
a = 10;
b = 20;
//第二次赋值叫更新 / 修改
a = 15;
//变量删除
a=null
//变量按名使用才能实现:数据复用
console.log(a, b);
//变量禁止重复声明
//变量声明过a, 禁止在使用a;
let a;
2.函数
- function : 声明函数
- sum: 函数名称
- (a,b): 参数列表
- return : 返回结果
//声明函数
function sum(a, b) {
return a + b;
};
//return下面永不执行
//调用函数
console.log(sum(a, b));
三、作用域
1.块作用域
{
// 代码块
let a = 123; // 将变量的声明与赋值(初始化)二合一
// 等价于以下二条:
// let a;
// a = 123;
console.log(a);// 块中变量在块中可以访问到
}
2.函数作用域
function sum(a, b) {
let res = a + b;
console.log(res);// 函数内部声明的成员可以内部访问
}
sum(30, 50);
注:私有成员: 在块/函数内部声明的成员, 仅限内部使用, 外部不可见
3.全局作用域(默认)
// 位于"代码块/函数"之外的空间, 叫"全局作用域"
// a: 全局变量, 公共变量
let a = "123456";
总结: 全局 —-> 块 / 函数,访问顺序像链条一个, 形成了一条”作用域链”
四、常量
- 常量是什么?
- 当一个数据,需要在多处被引用,为了防止引用时发生数据不一致,需要将它的值固定下来
- 这样的数据,应该声明为”常量”
- 所谓”常量”,就是经常被使用到的变量, 简称”常量”
- 例如: 性别, 对象, 数据,函数等,都应该声明为常量
- 常量的值不可变,所以必须在声明时初始化
// 声明常量 常量值不能改变
const num = 18;
function age(r) {
return (cal = num * r);
}
console.log(cal); //36
console.log(age(2)); //36
五.标识符命名规范
- 标识符: 代码中有意义的符号, 例如: 变量, 函数等
- 标识符有二类:
- 系统标识符: 关键字, 保留字, 是JS提供给开发者, 直接拿来用,不需要声明
- 自定义标识符: 必须 “先声明, 再使用”, 例如 email, password, get…
- 标识符可使用的字符:
- 必须是: 字母,数字, 下划线”_”, “$”(四种),其它字符均是非法符号
- 首字母不得使用”数字”
- 标识符命名规范:
- 驼峰式: 第二个单词首字母大写, 第一个单词首字母是否大小取决于用途,例如构造函数/类的首字母要大写
- 小驼峰,首字母小写 myEmail, getUserInfo
- 大驼峰: 首字母大写 UserInfo, StuModel
- 蛇形式: 每个单词之间使用”下划线”分割
- user_name, get_email,
- 常量
- 建议全部大写,用_分隔 APP_NAME
- 驼峰式: 第二个单词首字母大写, 第一个单词首字母是否大小取决于用途,例如构造函数/类的首字母要大写
上一篇: 细说伪类选择器
下一篇: 头像结构怎么画?人物头像素描步骤