1-初步了解一下什么是JS?
JS又称:JavaScript--是一门运行在客户端(浏览器)的编程语言,实现人机交互效果
2-JS的作用是什么?能做什么?
1-比如常见的网页特效
(监听用户的一些行为让网页做出对应的反馈)
2-表单验证
(针对表单数据的合法性进行判断)
3-数据交互
(获取后台的数据,渲染到前端)
4-服务端编程
(node.js)
3-JS的组成有什么
ECMAScript : 规定了JS基础语法核心知识 比如:变量,分支语句,循环语句,对象等等
Web APIs :
DOM : 操作文档,比如对页面元素进行移动,大小,添加删除等功能
BOM : 操作浏览器,比如页面弹窗,检测窗口宽度,存储数据到浏览器等
4-JavaScript书写位置
CSS和JS一样都有三种书写方式
1-内部样式表
直接写在HTML文件里,用script标签包裹,写在/body结束标签上面(一般用于初学者练习)
<script>
alert('欢迎来到掘金')
</script>
</body>
2-外部样式表
一般代码写在以.js结尾的文件里
<body>
<script src = "xx.js"></script>
</body>
3-行内样式表
代码写在html标签内部
<body>
<button onclick="alert"('欢迎来到掘金')>按钮</button>
</body>
5-JavaScript注释
一共就两种注释方法
1-单行注释
符号 //
作用 : //右边的单行代码会被忽略注释掉
快捷键 : ctrl+/ (ps:看看快捷键有没有冲突的)
2-块注释
符号 /* */
作用 : 在/和/之间的所有内容都会呗忽略
快捷键 : shift + alt + A
6-JavaScript结束符
1-结束符
结束符一般就是写分号 ; 和不写 ; 的区别
为了风格统一 ,要写就全不都写,要么就都不写!每个人的习惯不同 ,但推荐还是以配合团队要求来使用
7- JavaScript输入输出的语法
首先要知道什么是语法
如何计算机打交道的规则约定,我们要按照这个规则去写,我们编程人员需要操控计算机,需要知道计算能读懂内容
最基础常见的JavaScript输出语法:
向body页面输出内容
document.write('要输出的内容')
网页弹出警告
alert('要输出的内容')
控制台打印
console.log('控制台打印')
最基础常见的JavaScript输入语法:
对话框
prompt('请输入您的名字')
8-什么是字面量
在计算机科学中,字面量(literal)是在计算机中描述 事/物
还有接下来讲到的[]数组字面量 {}对象字面量 等等
9-变量是什么
说白了 变量就是一个装东西的盒子
通俗点就是 变量是计算机中用来储存数据的容器,它可以让计算机变得有记忆
注意:变量不是数据本身,它们不仅仅是一个储存数据得容器.可以理解为是一个歌用来装东西得纸箱子
变量得基本使用
声明变量:
语法
let 变量名 例如 let age
age 即变量得名称,也叫标识符
定义一个变量之后,你就能够初始化它(赋值),在变量名之后跟上一个"=" ,然后就是值. ps:是通过变量名来u获得变量里面得数据
一个声明多个变量
例如let age = 18, uname = '小白'
变量拓展:
数组(Array)是一种可以按顺序保存多个数据
let arr = ['数据1','数据2','数据3',...数据n]
元素 : 数组中保存得每个数据都叫数组元素
下标 : 数组中的数据的编号
长度 : 数组中的数据域的个数,通过数组的length属性获得
10-数据类型
JS两种基本的数据类型
基本数据类型
number 数字类型
string 字符串型
boolean 布尔型
undefined 未定义型
null 空类型
引用数据类型
object 对象
function 函数
array 数组