2_注释与变量_javascript_脑图系列

福利：脑图系列会涉及以下内容

photoshop,es5,es6,html,css,sass,git,webpack,vue,react

注释

• 概念：用于JavaScript中的对代码的说明文字。注释在程序运行时会被忽略。
• 分类
  • 特殊的多行注释，更多的是对整个js文档或对一大段代码(函数)进行说明。
  • 单行注释 // 注释内容 针对当前行有效
  • 多行注释 /* 多行注释 */
  • 文档注释: /** * *文档注释 */

变量

• 背景：程序中数据如果需要多次使用，每次都需要重新书写，比较繁琐。比如两个数字的加减乘除。
• 概念：一个可以保存数据的容器。每个容器(变量)里的数据都可以重复的被使用。
• 使用：
  • 先定义变量，声明要保存的数据
  • 通过变量名来使用所保存的数据
• 定义变量 var 变量名 = 要保存的数据; 例子： var number = 1; 定义名字为number的变量，该变量所保存的数据为1 var str = "hello es";定义了str变量，保存的是一段文本。即字符串
• 使用变量 在程序中直接以变量名来指代保存 的数据 例子：输出num变量里的数据 document.write(num);
• 修改变量的数据(不需要var来重复定义) 变量名 = 新数据; 例子：将数据改为张三 王五 var A001 = "张三、李四"; document.write(A001); 张三 李四 //修改变量 A001 = "张三 王五 "; document.write(A001); 张三 王五
• 变量名规范
  • 变量名只能包含字母、数字、_、$
  • 不能以数字开头
  • 尽量见词达意。比如 ：number imgSrc count

数据类型

• 生活中的数据
  • 数字：开销 成绩 余额 年龄
  • 文本：名字 性别 地址
  • 时间：日期
• 程序中的数据
  • Object：表示对象。对象是一个复合型的数据，一个对象可以有多个键值对来保存多个数据
  • Number:表示数字，比如 1 、 2、0.4、-4.5、123
  • String:表示字符串，即文本。比如”中国成都”、”张三”、”男”、”123”
  • Boolean:布尔型数据。表示程序中条件的正确或错误。只有两个取值
  • Symbol:表示符号类型。ES6新增的。每个Symbol数据会表示一个唯一值。多用于表示对象属性的唯一。
  • undefined：特殊值，表示未定义。同时也是每个变量的默认值。
  • null:特殊值。表示对象的状态为空，一般用于对象数据处理，表示当前对象没有数据。
  • 字符串是指被一对引号所包围起来的一段文本
  • true:表示正确
  • false:表示错误
  • 基本数据类型
  • 引用数据类型 var number = 10;数字类型 var str = "hello javascript"; 字符串类型 var result = true; 布尔类型 //以下先了解 var data = undefined; var objNull = null; var symbol = new Symbol(); Symbol类型 //对象 var obj = {}; Object类型
• 数据类型之间的转换
  • toString():将数字转为字符串 var num = 1; var str = num.toString(); console.log(str);"1"
  • Number():会将某个数据转为数字，如果有小数部分，则保留。 var num1 = Number(“123”); var num2 = Number(“12.3”); var num3 = Number(true); var num4 = Number(false); console.log(num1);123 console.log(num2);12.3 console.log(num3);1 console.log(num4);0
  • parseInt():尝试将一个字符串转为整数，不保留小数位。如果无法转换，则得到NaN var num1 = parseInt(“123”); var num2 = parseInt(“12.3”); var num3 = parseInt("abc"); console.log(num1);123 console.log(num2);12 console.log(num3);NaN
  • parseFloat():尝试将一个字符串转为数字，保留小数位。如果无法转换，则得到NaN var num1 = parseFloat(“123”); var num2 = parseFloat(“12.3”); var num3 = parseFloat("abc"); console.log(num1);123 console.log(num2);12.3 console.log(num3);NaN
  • 字符串转数字
  • 数字转字符串

相关链接：

• 1_输入与输出_javascript_脑图系列