js笔记(二)--js编写注意事项、注释、数据类型、typeof操作符、数据类型转换

67 阅读3分钟

1.JavaScript的编写方式

image.png

2. noscript元素

  • 如果运行的浏览器不支持JavaScript, 那么我们如何给用户更好的提示呢?
  • 针对早期浏览器不支持 JavaScript 的问题,需要一个页面优雅降级的处理方案;
  • 最终, 元素出现,被用于给不支持 JavaScript 的浏览器提供替代内容;

下面的情况下, 浏览器将显示包含在中的内容:

  • 浏览器不支持脚本;
  • 浏览器对脚本的支持被关闭。

image.png

3. JavaScript编写的注意事项

image.png

4. JavaScript语句和分号

  1. 语句是向浏览器发出的指令,通常表达一个操作或者行为(Action)。
  • 语句英文是Statements;  比如我们前面编写的每一行代码都是一个语句,用于告知浏览器一条执行的命令;
  1. 通常每条语句的后面我们会添加一个分号,表示语句的结束:
  • 分号的英文是semicolon  当存在换行符(line break)时,在大多数情况下可以省略分号;
  • JavaScript 将换行符理解成“隐式”的分号;
  • 这也被称之为自动插入分号(an automatic semicolon);

5. 文档注释

image.png

6. VSCode插件和配置

推荐一个VSCode的插件:(个人经常使用的)

  • ES7+ React/Redux/React-Native snippets
  • 这个插件是在react开发中会使用到的,但是我经常用到它里面的打印语句;

给花括号添加一条线,在set.json中配置

"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs":"active"

7.变量命名的规范

  1. 变量命名规则:必须遵守
  • 第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )
  • 其他字符可以是字母、下划线、美元符号或数字
  • 不能使用关键字和保留字命名:
  1. 变量严格区分大小写
  2. 变量命名规范:建议遵守
  • 多个单词使用驼峰标识;
  • 赋值 = 两边都加上一个空格;
  • 一条语句结束后加上分号; 也有很多人的习惯是不加;
  • 变量应该做到见名知意;

8. 变量的使用注意

image.png

9.数据类型

  1. JavaScript 中的值都具有特定的类型。
  • 例如,字符串或数字。
  • 我们可以将值赋值给一个变量,那么这个变量就具备了特定的类型;
  • 一个变量可以在前一刻是个字符串,下一刻就存储一个数字;
  • 允许这种操作的编程语言,例如 JavaScript,被称为“动态类型”(dynamically typed)的编程语言;
  1. 在 JavaScript 中有 8 种基本的数据类型(7 种原始类型和 1 种复杂类型)
  • Number
  • String
  • Boolean
  • Undefined
  • Null
  • Object
  • BigInt(后续了解)
  • Symbol(后续了解)

10.typeof操作符

image.png

11. Number类型

image.png

image.png

12. 转义字符

image.png image.png

13.Undefined类型

image.png

14.Object类型

  1. Object 类型是一个特殊的类型,我们通常把它称为引用类型或者复杂类型;
  • 其他的数据类型我们通常称之为 “原始类型”,因为它们的值质包含一个单独的内容(字符串、数字或者其他);
  • Object往往可以表示一组数据,是其他数据的一个集合;
  • 在JavaScript中我们可以使用 花括号{} 的方式来表示一个对象;

15.Null类型

image.png

image.png

16.字符串String的转换

image.png

17.数字类型Number的转换

image.png

image.png

18.布尔类型Boolean的转换

image.png