本视频教学作用仅限于0基础需要入门的同学,后期博主会规划其它课程
视频有不懂的地方或者有哪些问题可直接联系我或者我会重新录制一版
课件资料可以找我要会公开在csdn,也可以加入自学学习群,有同伴一起学,交流也更方便
vx搜公众号【前端新气象】有我的微信,请务必填写备注(b站-姓名)
课件代码地址https://github.com/haojiey/js-Introductory-courseware
可以学习到的内容
- 变量命名规范
- 变量的声明方式
- var 方式特点
- let 方式特点
- const 方式特点
命名规则
注意规则
1、变量命名必须以字母、下划线””或者”$”为开头。后续其它字符可以是字母、、美元符号或数字。
2、变量名中不允许使用空格和其他标点符号,首个字不能为数字。
3、变量名长度不能超过255个字符。
4、变量名区分大小写的
5、变量名必须放在同一行中
6、不能使用js中的关键字以及保留字例如:true、false、null、if、for、switch、case、break、continue、while、var、function等
命名规范
变量名必须有意义
变量名要有可读性
在定义变量时,让自己或者他人能轻易看懂,例如可以使用 name 来定义一个存储姓名的变量
驼峰命名法
【大驼峰】每个单词首字母大写,例如 FileType【小驼峰】第一个单词首字母小写后面的单词首字母大写,例如 fileType)
声明变量
声明变量有三种声明方式:var const let,并且当创建一个变量时会在内存中的栈区开辟一个新的空间
var 声明
定义变量时,可以一次定义一个或多个变量
定义多个变量,则需要在变量名之间使用逗号,分隔开
变量定义后,如果没有为变量赋值,那么这些变量会被赋予一个初始值——undefined(未定义)。
//声明一个变量 a
var a;
//申明多个变量时,变量名之间用逗号隔开
var b,c;
document.write(a);
//初始化值会输出undefined
变量赋值
变量定义后,可以使用等于号=来为变量赋值,等号左边的为变量的名称,等号右边为要赋予变量的值,如下例所示:
// 定义一个变量 name
var name;
// 将变量 name 赋值为 小木
num = '小木';
num = 小木; //Uncaught ReferenceError: 小木 is not defined
// 为多个变量赋值
var b = 1,c = 2;
变量提升
JavaScript 引擎的解析方式是:先解析代码,获取所有被声明的变量,然后再一行一行地运行。 这样,所有声明的变量都会被提升到代码的头部,这就叫作变量提升(Hoisting)。
document.write(a); //显示undefined
a = '小木'
document.write(a); //显示 小木
var a;
在上面示例中,声明变量放在最后,赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析,所以第1行代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined。第3行代码是在赋值操作之后读取,故显示为小木。
let 声明
2015 年以前,JavaScript 只能通过 var 关键字来声明变量,在 ECMAScript6(ES6)发布之后,新增了 let 和 const 两个关键字来声明变量
let定义的变量是块级作用域,并且在这个代码块中,同名的变量不能重复声明,否则会报错
let不会像var那样发生变量提升,需要先声明在使用,否则会报错
let name = "小木"; // 声明一个变量 name 并赋值为“小明”
let age = 24; // 声明一个变量 age
let age = 25; // 报错:变量 age 不能重复定义
//Identifier 'age' has already been declared
document.write(a); //ReferenceError: Cannot access 'a' before initialization
a = '小木'
document.write(a);
let a;
const
const 关键字的功能和 let 相同,但使用 const 关键字声明的变量还具备另外一个特点
那就是 const 关键字定义的变量,一旦定义,就不能修改,即使用 const 关键字定义的为常量。
const的值不能在同一函数内重复声明,否则两个都会报错。
const name = "小木"; // 声明一个变量 name 并赋值为“小木”
name = '梁木由'; // 报错:变量 age 不能重复定义
// Assignment to constant variable.
const age = 24; // 同一个变量声明两次
const age = 25; // Uncaught SyntaxError: Identifier 'age' has already been declared