JavaScript(JS)-1.JS基础知识
1.JavaScript概念
(1)JavaScript是一门跨平台，面向对象的脚本语言，来控制网页行为的，它能使网页可交互
(2)W3C标准：网页主要由三部分组成
①结构：HTML负责网页的基本结构（页面元素和内容）。
②表现：CSS负责网页的表现效果（页面元素的外观、位置等页面样式，如：颜色、大小等）。
③行为：JavaScript负责网页的行为（交互效果）。
(3)JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似
(4)JavaScript（简称JS）在1995年由Brendan Eich发明，并于1997成为一部ECMA标准
(5)ECMAScript6(ES6)是最新的JavaScript版本（发布于2015年）
2.JavaScript引入方式
(1)内部脚本：将JS代码定义在HTML页面中
新建一个HTML文件>>写js代码
①JavaScript代码必须位于<script></script>标签之间
②在HTML文档中，可以在任意地方，放置任意数量的<script>
③一般会把脚本置于<body>元素的底部，可改善显示速度
(2)外部脚本：将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中
①通过<script></script>标签引入
②外部JS文件中，只包含JS代码，不包含<script>标签
③<script>标签不能自闭合
3.JS基础语法
(1)基础语法
①区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
②每行结尾的分号可有可无
③注释：①单行注释：// 注释内容②多行注释：/* 注释内容 */
④大括号表示代码块
(2)输出语句
①使用 window.alert() 写入警告框：浏览器弹出警告框
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>我的第一个JS界面</title>
</head>
<body><script>window.alert("HELLO JS！");</script>
</body>
</html>
②使用 document.write() 写入 HTML 输出： 写入HTML,在浏览器展示
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>我的第一个JS界面</title>
</head>
<body><script>document.write("Hello JS");</script>
</body>
</html>
③使用 console.log() 写入浏览器控制台
(3)变量
①JavaScript 中用 var 关键字（variable 的缩写）来声明变量 。
var a=20;
a="榨菜"；②特点：JavaScript 是一门弱类型语言，变量可以存放不同类型的值 。
③变量名需要遵循如下规则：
Ⅰ.组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
Ⅱ.数字不能开头
Ⅲ.建议使用驼峰命名
④注意事项：
Ⅰ.ECMAScript 6 新增了 let 关键字来定义变量。它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明。
Ⅱ.ECMAScript 6 新增了 const 关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。
⑤声明：
• var：声明变量，全局作用域/函数作用域，允许重复声明
• let：声明变量，块级作用域，不允许重复声明
• const：声明常量，一旦声明，常量的值不能改变
(4)数据类型
JavaScript中分为：原始类型 和 引用类型。
①原始类型
- number：数字（整数、小数、NaN(Not a Number)）
- string：字符串，单双引皆可
- boolean：布尔。true，false
- null：对象为空
- undefined：当声明的变量未初始化时，该变量的默认值是 undefined
②使用 typeof 运算符可以获取数据类型
(5)运算符
- 算术运算符：+ , - , * , / , % , ++ , --
- 赋值运算符：= , += , -= , *= , /= , %=
- 比较运算符：> , < , >= , <= , != , == , ===
- 逻辑运算符：&& , || , !
- 三元运算符：条件表达式 ? true_value: false_value
(6)类型转换
- 字符串类型转为数字：将字符串字面值转为数字。 如果字面值不是数字，则转为NaN。
- 其他类型转为boolean：
- Number：0 和 NaN为false，其他均转为true。
- String：空字符串为false，其他均转为true。
- Null 和 undefined ：均转为false。
- == 会进行类型转换，=== 不会进行类型转换
(7)流程控制语句
- if…else if …else…
- switch
- for
- while
- do … while