JavaScript基础语法

一:js(JavaScript)基础语法

1:js概述

1.1:js主要是进行用户输入的合法性验证,如用户输入是否存在空值,长度是否合理的范围之内,实现动态页面效果

1.2:js概念

js也是程序设计语言,是一种轻型的.解释性的脚本语言,有浏览器解释器执行的程序语言

1.3:js的执行原理

在这里插入图片描述
以上执行是客户端发起请求,服务器端将js的页面响应给客户端,客户端接收到服务器端的js页面,然后在客户端执行,它不占用服务器端的cpu等资源,通过在客户端执行js脚本代码,分担了服务器压力,间接提高了性能。

1.4:js脚本位置

1.4.1:html文件混合方式:在html文件中同过编写js代码

在这里插入图片描述

1.4.2:js文件引入方式:单独创建一个js文件,将js代码写在文件中,同过

在这里插入图片描述

js文件中的内容
在这里插入图片描述

在这里插入图片描述

1.4.3:html代码嵌入方式:将脚本代码作为html元素值

在这里插入图片描述

1.5:js核心语法:js是程序设计语言,有独特的语法:如变量,数据类型,运算符号,结构语言,注释等

1.5.1:变量:var声明变量的关键字,变量遵循的规范,首字符以字母,_,$开头,区分大小写,变量名不能为关键字

先声明在赋值
在这里插入图片描述
同时声明并赋值
在这里插入图片描述
不声明直接赋值

在这里插入图片描述
此赋值方法不推荐使用,容易出错

1.5.2:数据类型

5种基本数据类型:
undefined:未声明的变量或未初始化的变量
null:有值,但值为null
boolean:true或false
number:整数或浮点数
string:单引或双引引起来的字符串

typeof操作符:得到变量的数据类型
在这里插入图片描述
复杂数据类型:系统自定义对象或者自己创建的对象
在这里插入图片描述

1.5.3:运算符

在这里插入图片描述

1.5.4:注释

单行注释://
多行注释:/* js脚本代码 */

1.5.5:结构语句

顺序结构:按照语句的先后顺序依次执行,程序大部分代码都是顺序结构执行
在这里插入图片描述
选择结构:根据不同的条件执行不同的语句
if语句:3中结构 --单分支 --双分支 --多分枝
switch语句:
循环结构:重复执行有规律的事情
while循环
od–while循环
for循环
break:当遇到break循环结束
continue:continue后面的语句不执行,直接执行下次循环

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础语法包括数据类型、运算符、选择结构和循环结构。在JavaScript中,所有的类型都是用var关键字来修饰,但实际中还是有类型区分的。常见的数据类型包括字符串、数字、布尔值、对象和数组等。 运算符用于进行数学运算和逻辑判断。常见的运算符包括加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)、取余运算符(%)等。逻辑运算符包括与运算符(&&)、或运算符(||)、非运算符(!)等。 选择结构用于根据条件执行不同的代码块。常见的选择结构有if语句、switch语句。if语句根据条件是否为真来执行相应的代码块,switch语句根据表达式的值来选择执行的代码块。 循环结构用于重复执行一段代码。常见的循环结构有for循环、while循环和do-while循环。for循环在指定条件为真的情况下重复执行代码块,while循环在条件为真的情况下重复执行代码块,do-while循环先执行一次代码块,然后在条件为真的情况下重复执行代码块。 举个例子,下面是一段JavaScript代码: ```javascript <script> var a = 10; var b = 5; console.log(a > b && b > a); console.log(a > b || b > a); </script> ``` 在这段代码中,我们定义了两个变量a和b,并使用console.log()方法分别输出了两个逻辑表达式的结果。第一行代码中,a > b && b > a的结果为false,因为a不大于b且b不大于a。第二行代码中,a > b || b > a的结果为true,因为a不大于b或b不大于a至少有一个条件成立。 这就是JavaScript基础语法的一部分,包括数据类型、运算符、选择结构和循环结构。通过掌握这些基础知识,我们可以开始编写JavaScript程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【JavaScript】基本语法大全](https://blog.csdn.net/weixin_64916311/article/details/129136028)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值