JavaScript 基础语法!

134 阅读4分钟

1.首先我们在学习js基础时我们要先了解js是什么?

js是一种运行在客户端(就是浏览器)的编程语言,实现人机交互效果(说白了就是教网页做事,从而达到我们想要的效果)

2.js的作用

网页特效(监听用户的一些行为让页面做出对应的反应;比如在网页中点击图标或者点击按钮等等,页面就会做出相应的反应)

表单验证(针对表单的合法性进行数据判断;比如注册用户输入手机号或者或者确认密码时,如果不符合规定就会出现错误提示)

数据交互(获取后台的数据,渲染到前端。让页面实现动态效果)

3.js的组成

js分为两大类:

一、ECMAScript语言基础:变量、分支语句、循环语句等等

二、Web Api:(1)DOM 文档操作,比如对页面元素进行移动、大小删除等操作(2)BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储到浏览器等等

4.js的书写位置

行内js:书写在标签内部(vue框架,就是使用这种写法)

内部js:直接写在html文件里面,需要用script标签包裹住,建议写在body标签结束的上方

外部js:代码写在.js结尾的文件里;语法是通过script标签,引入到html页面中 比如代码

image.png

5.输入输出语法

输入语法:prompt;输入语法:alert弹出一个警示框、console.log控制台打印、document.write页面输出

6.字面量

在计算机科学中,字面量(literal)是在计算机中描述事物。

image.png

7.为什么要有数据类型

js不能识别所有的数据,如何编程语言编译器不同,都有属于自己的数据类型。更加充分和高效的利用内存。也更加方便我们使用数据。

数据类型的两大类型

一.基本数据类型:number 数值型、string 字符串、boolean布尔型、undefined未定义(声明一个变量没有赋值)、null(将来存放对象的时候可以给null)

8.变量

变量可以理解为一个容器,能够存储数据

声明赋值的几种写法

方法一:先声明,再赋值let age。方法二:声明并直接赋值let age =18。方法三:同时声明多个变量 let age =18,uname='andy'(这种方法不推荐使用) 变量的本质就是在内存中开辟一个空间

命名的规则和规范

1.规则:由字母、数组、下划线、$字符组成,不能以数字开头;不能是关键字和保留字,比如:var for while const;严格区分大小写。

2.规范:变量名必须有意义,必须遵守小驼峰式命名法。

9.常量

概念:常量的值是无法改变的,也是不能被重新声明。规范和变量一致。用法: const G = 9.8 不重新赋值的数据使用const

10.运算方法

算术运算符

加、减、乘、除、取模(+、-、*、/、%);

加号上文如果+号左右只有一个值 解析的结果是+号 可用于隐藏式转换;如果两边值都是数值(Number)类型 则是+号运算符;+号的左右如果有一个数据是字符串数据类型的话 那么这个+号会被解析成连接符;

优先级

image.png

赋值运算符(=)

将等号右边的值赋予给左边,要求左边必须是一个容器;let i= 1 i=i+1 i+=1 i++ ++i

一元运算符

一元运算符:仅操作一个操作数.比如:正负号等

自增自减运算符:(1)相同点:不管是++或者--是在前面还是在后面,都是在原来的取值上自行增1或减1类似于=>a+=1;(2)不同点:符号前置=>先加1再使用(记法:++在前 先加);符号后置=>先使用 再加1(记法:++在后 后加);let = li++ // 2;let = 1 console.log((i++ + 1)) // 2;let = 1 console.log((i++ + i))//3。

逻辑运算符

逻辑与 && 一假则假;逻辑或 || 一真则真;逻辑非 ! 假变真,真变假

比较运算符

> , < , >= , <= , == , === , != , !==

重点介绍 等于和全等的区别,推荐使用全等

特殊说明:如果是字符串和“其他值”的比较 则其他值会自动转换成数字去比较;如果是“字符串”和“字符串”进行比较 则会比每一个子的ASCll码,同时是按位进行比较;如果是布尔值参与比较 布尔值会转换成数组0和1

运算符优先级

image.png