02.12 「前端架构师30天快速掌握js06」之变量知识点详解

此篇文章讲解目录:

  • 变量的命名

  • 变量的类型

  • 全局变量和局部变量

  • 注释

变量的命名

  • 命名规则

  • 变量名是由数字、字母、下划线组成的,其中字母里大小写字母均可;

  • 变量名首位不是能数字,可以是字母下划线;首位后的位置可以是数字,字母,下划线;

  • 不能使用关键字和保留字作为变量的名字(需要避开的名字);

  • 关于关键字和保留字,这个可以拿生活中的现象举例子,大人给小孩起名字的时候,小孩的名字一定不能和他父亲母亲的名字一样;当然也不能和爷爷,奶奶,外公,外婆,舅舅,姑姑等等这些名字一样;这个就是现实中约定俗成的规则;

  • 在JS中,也有些单词是有特殊意义的,或者是为了以后语言升级做准备的;而这些单词就不能作为变量名;比如前面接触的typeof,function;这样的单词就不能作为变量名;

  • 变量区分大小写,test和Test是不一样的,必须严格一样,才算是一个变量的;(在javascript里,onclick必须要写出onclick,不能写成onClick;)

「前端架构师30天快速掌握js06」之变量知识点详解

  • 常见的命名规则

  • “-”连接符方法;

  • 比如给我桌子上门钥匙命名;my-room-door-key 和 my_room_door_key;

  • 这种方法用”-”和下划线"_"连接符来链接单词,区别是下划线在选择变量的时候,鼠标双击可以全部选择;

  • 驼峰命名法;这种命名方法有两种方式

  • 大驼峰:每个单词的首字母大写;MyRoomDoorKey

  • 小驼峰:第一个字母小写,其它字母大写;myRoomDoorKey

  • 匈牙利命名法;变量由类型+对象描述组成;

  • 对象(Object)用o表示;

  • 函数(function)用fn表示;

  • 数组(array)用a表示;

  • 变量通过var来声明,避免一些不必要的错误,防止出现莫名其妙的错误

  • 不要更改变量的类型,开始是值类型,后面就不要改为数值或别的别的了,开始如果用来储存某个属性值,就不要再用在别的属性上了;

  • 需要读写的变量,读写前,一定要声明;

  • 需要运算的变量,运算器,一定要赋值;

  • 书写的时候,推荐把变量名放在页面的上面(上部分)去声明+定义;这样不仅可以放心大胆的用,而且可以方便查找变量;

  • 在任何情况下声明变量都要用var先声明;

「前端架构师30天快速掌握js06」之变量知识点详解

变量的类型

变量分为值类型和引用类型:

  • 值类型的特点

  • 占用空间固定,保存在栈中;

  • 保存与复制都是值本身;

  • 使用typeof检测数据的类型;

  • 基本数据类型是值类型;

  • 引用类型的特点

  • 占用空间不固定,保存在堆中;

  • 保存与复制的是指向对象的一个指针;

  • 使用instanceof检测数据的类型;

  • 使用new()方法构造出的对象是引用型;

「前端架构师30天快速掌握js06」之变量知识点详解

全局变量和局部变量

  • 全局变量

  • 有两种方式可以产生全局变量

  • 在函数体外定义的变量;

  • 在函数体内部定义的无var的变量;

  • 全局变量的用法:在任何位置都可以调用

  • 直接调用变量名

  • 通过window.varName 来调用

「前端架构师30天快速掌握js06」之变量知识点详解

  • 局部变量

  • 局部变量有两种类型;

  • 函数的参数变量

  • 局部变量的调用方法:

  • 当前函数体内部;

「前端架构师30天快速掌握js06」之变量知识点详解

  • 变量名的优先级

  • 局部变量高于同名全局变量;

  • 参数变量高于同名全局变量;

  • 局部变量高于同名参数变量;

「前端架构师30天快速掌握js06」之变量知识点详解

  • 全部变量和局部变量的特性

  • 忽略块级作用域

  • 全部变量是全局对象的属性

  • 局部变量是调用对象的属性;

  • 作用域链;

  • 内层函数可访问外层函数局部变量;

  • 外层函数不能访问内层函数局部变量;

  • 生命周期

  • 全局变量;除非被显示删除,否则一直存在;

  • 局部变量:自声明起至函数运行完毕或被显示删除;

  • 回收机制:

  • 标记清除

  • 引用计数;

注释

  • 单行注释是 : //注释文字

  • 多行注释是/*注释文字*/

「前端架构师30天快速掌握js06」之变量知识点详解

大家好接下来我们会邀请前端架构师以连载的方式,通过30天的实战系统讲解JavaScript的专业知识,欢迎大家关注头条号“互联网IT信息”。


分享到:


相關文章: