1.javaScript 是什么
是一种运行在客户端(浏览器)的脚本语言
客户端:是相对于服务器的,简单理解为浏览器
浏览器是一个客户端的软件,浏览器从服务器上将资源(html,css,js图片等)请求下来并且在本地利用浏览器去解析这些资源
服务器本质上是一台电脑 用来接收客户端发过来的请求,同时存储数据,读取数据等操作
脚本语言:不需要编译,读取一句解析一句 一句报错 下句不会继续执行
执行过程:源代码 预解析 运行
编译语言:需要编译 编译一旦出错 整个程序都不会运行
执行过程:源代码 编译后的字节码文件 运行
2.js的作用
①网页特效
②表单验证
③数据交互
④服务端的js(node.js)
⑤命令行工具(node.js)
⑥app
⑦游戏开发
3.js的组成
DOM:操作页面元素api
BOM:操作浏览器功能API
4.js初体验
1、书写环境 (这对标签可以写在网页的任何位置,一般习惯放在body结束标签的前面)
<script>
alert('Hello world');
</script>
2、独立的JS文件 通过script标签引入
<script src="路径"></script>
注意点
引用外部js文件的script标签中不可以写JavaScript代码
注释
1、单行注释 // 用在代码上
2、多行注释 /* 多行注释 */ 用在说明文档上
5.输出语法
// 弹出框功能
alert('Hello world');
// 向控制台输出日志
console.log('我是出现在控制台 ,一般用于后期调试代码');
// 对话框功能
prompt('Hello');
// 确认框功能
confirm('Are you sure?');
// 向页面输入对应的值
document.write('你好呀');
易错点说明:
1. 中文和一些英文字母(除了一些特殊的)都需要添加引号 单双都可以
2. 每写完一句话,使用分号结尾 代表结束 (这个不是一定需要,只是一种规范, 后期还有不添加分号的规范)
3. 在编程语言里面,符号一律使用英文的
6.变量
概念:一块被命名的运行存储空间
运行存储空间:电脑应用程序在运行的时候开辟的内存空间
存储空间:容器
命名:为了在众多容器中找到对应的容器
容器里面装了什么东西 这个变量就代表什么东西
// 先声明
var a;
// 后赋值
a = 1;
console.log(a);
// 声明并赋值 使用最多
var a = 1;
console.log(a);
// 同时声明多个变量 并单独赋值
var a, b, c, d, e;
a = 1;
b = 2;
c = 3;
d = 4;
e = 5;
console.log(a, b, c, d, e);
// 同时声明多个变量并且直接赋值
var a = 1,
b = 2,
c = 3;
// 不声明直接赋值 不要这么使用 会带来作用域问题
// a = 1;
// console.log(a);
// 不声明不赋值 直接使用 直接报错
// console.log(a);
变量的规则和规范
- 规则 不遵守会报错
- 由字母、数字、下划线、$符号组成,不能以数字开头
- 不能是关键字和保留字,例如:var for while
- 关键字:对于JS来说有特殊意义的字符 [查询保留字和关键字]https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords
- 保留字:现在没有意义 但是保留在那边 以后可能会有意义的字符
- 区分大小写
- 规范 尽量遵守
- 变量名必须有意义
- 遵守驼峰式命名法 首字母小写,后面单词首字母大写 例如:realName ,lastName
- 交互两个变量的值
- 借助于另外一个容器
- 运算(了解即可 基本不用)
var a = 10;
var b = 20;
a = a + b;
b = a - b;
a = a - b;