JS
引入方式
- JS 引入方式
- 内部脚本：将 JS 代码定义在 HTML 页面的 <script></script>中（<body>的底部）
- 外部脚本：将 JS 代码定义在 JS 文件中，通过<script src=""></script>标签引入
- JS 书写规范
- 结束符：每行结尾以分号结尾，结尾分号可有可无
基础语法
变量 / 常量
- 特点: JS 是弱类型语言，变量可以存放不同类型的值
- 声明:
- let: 声明变量
- const: 声明常量，一旦声明，常量的值不能改变
- 注意:
- 在早期的 js 中，声明变量还可以使用 var，但是并不严谨 (不推荐)
输出语句
- window.alert () : 弹出警告框（使用频次较高）
- console.log () : 写入浏览器控制台（使用频次较高）
- document.write () : 向 HTML 的 body 内输出内容
数据类型
原始数据类型：
数据类型 描述 number 数字（整数、小数、NaN(Not a Number)） string 字符串，单双引('...')、双引号("...")、反引号(`...`)皆可，正常使用推荐单引号 boolean 布尔。true，false null 对象为空。 JavaScript 是大小写敏感的，因此 null、Null、NULL是完全不同的 undefined 当声明的变量未初始化时，该变量的默认值是 undefined 反引号：
对于字符串类型的数据，除了可以使用双引号（"..."）、单引号（'...'）以外，还可以使用反引号 （``）。 而使用反引号引起来的字符串，也称为 模板字符串。
模板字符串的使用场景：拼接字符串和变量。
模板字符串的语法：
`...` ：反引号 （英文输入模式下键盘 tab 键上方波浪线 ~ 那个键）
内容拼接时，使用 ${ } 来引用变量
具体示例如下：
<script> let name = 'Tom'; let age = 18; console.log('大家好, 我是新入职的' + name + ', 今年' + age + '岁了, 请多多关照'); //原始方式 , 手动拼接字符串 console.log(`大家好, 我是新入职的${name}, 今年${age}岁了, 请多多关照`); //使用模板字符串方式拼接字符串 </script>
函数
1、
function add(a,b){ return a + b; } let result = add(10,20); alert(result);2.1、匿名函数
let add = function(a,b){ return a + b; }2.2、箭头函数
let add = (a,b) => { return a + b; }
- 注意：JS 是弱类型语言，定义函数时，形参、返回值都无需指定类型
自定义对象
语法格式：
let 对象名 = { 属性名1: 属性值1, 属性名2: 属性值2, 属性名3: 属性值3, 方法名称: function(形参列表){} //:function可省略 };注意：在自定义对象中的方法时，尽量不要使用箭头函数（this会指向父级对象）。
JSON
JSON对象：JavaScript Object Notation，JavaScript对象标记法。JSON是通过JavaScript标记法书写的文本。其格式如下：
{ "key":value, "key":value, "key":value }其中，key必须使用引号并且是双引号标记，value可以是任意数据类型。
- JSON.stringify(...)：作用就是将js对象，转换为json格式的字符串。
- JSON.parse(...)：作用就是将json格式的字符串，转为js对象。