[JavaScript知识库]2021.8.23 javascript基础语法 day01

Javascript基础语法

权威网站:MDN

html是标签 标记语言

1.Javascript(是什么?)
是一种运行在客户端(浏览器)的编程语言，实现人机交互效果。

2.作用(做什么？)
网页特效(监听用户的一些行为让网页做出对应的反馈)
表单验证(针对表单数据的合法性进行判断)
数据交互(获取后台的数据，渲染到前端)
服务端编程(nodejs)

3.javascript的组成
(1)ECMAScript ? (ECMA组织规定了基础语法的写法)
? ? 规定了js基础语法核心知识
如：变量，分支语句，循环语句，对象等等
(2)Web APIs(BOM DOM)
BOM:浏览器对象模型 ? 操作文档，比如对页面元素进行移动，大小，添加删除等操作
DOM:页面文档对象模型 操作浏览器，比如页面弹窗，检测窗口宽度，存储数据到浏览器等

Javascript书写位置

css位置: ? ?对应 ? ? ?js位置:
行内样式表 ? ? ? ? ? ?内联JavaScript
内部样式表 ? ? ? ? ? ?内部JavaScript
外部样式表 ? ? ? ? ? ?外部JavaScript

内部JavaScript
直接写在html文件里，用script标签包住
规范:script标签写在</body>上面

外部javascript
代码写在.js结尾的文件里
语法:通过script标签，引入到html页面中。

内联JavaScript
写在标签里，内联js必须是事件的形式！

注意:书写的位置尽量写在文档末尾</body>前面
? ? ?外部js标签<script></script>中间尽量不要写代码，否则会被忽略

?
JavaScript的注释

1.单行注释
? ? 符号://
? ? 作用://右边的一行代码会被忽略
? ? 快捷键:CTRL+/
2.多行注释
? ? 符号:/**/
? ? 作用:在它之间的所有内容都会被忽略
? ? 快捷键:shift+alt+A

JavaScript结束符
1.结束符
? 代表语句结束
? 英文分号;
? 可写可不写 css必须写
? 换行符(回车)会被识别成结束符，所以一个完整的语句，不要手动换行

JavaScript输入输出语法

输出语法:

document.write('要输出的内容')
向body输出内容
如果输出的内容写的是标签，也会被解析成网页元素

alert('要输出的内容')
页面弹出警告对话框

console.log();
控制台输出

prompt('提示字') ?--输入 提示信息

prompt('请输入内容')

字面量(literal)

''字符串字面量 []数组字面量 {}对象字面量

变量(重点)

是什么：变量是计算机存储数据的容器
?
作用:存储数据，变量指的是容器而不是数据

1.变量赋值
也可以声明变量的时候同时给变量初始化

2.声明变量

想要给变量赋值，先要给变量声明?

同时定义多个变量
let name = '吴亦凡'，age = 30
console.log(name, age);

let 不能重复声明变量 不能变量提升?

变量的本质

内存:计算机存储数据的地方，相对于一个空间

变量命名规则
不能用关键字(有特殊含义的字符，js内置英语词汇：let var if for 等等)
只能用下划线、字母、数字、$组成，且数字不能开头
字母严格区分大小写

规范
起名要有意义
遵守小驼峰命名法(第一个首字母小写，后面每个首字母大写)

变量拓展 ?数组

数组(Array)是一种可以按顺序保存多个数据

let arr(数组名) = [数据1,数据2，...，数据n]，编号(索引，下标)从0开始 length代表数组里数据个数

数据类型(重要)
为什么要给数据分类:
更加充分高效利用内存
更加方便程序员使用数据

1.number数字型
2.string字符串型
通过("")/('')/(`)包裹的都为字符串型
注意事项:
? ? 无论单引号还是双引号必须成对使用
? ? 单引号/双引号可以互相嵌套，但不可以嵌套自己
? ? 必要时可以使用转义符\，输出单引号/双引号
3.Boolean布尔型
用于判断
4.undefined未定义型
只定义变量但没有数据时
5.null空类型
检测时为object ，表示这个变量未来存对象数据

检测数据类型 console.log(typeof **)