第15天|16天搞定前端，javascript语法篇(干货)
lipiwang 2025-06-23 20:28 3 浏览 0 评论
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。它是一个脚本语言，它是一个轻量级，但功能强大的编程语言，它也是有语法规则，有变量定义的编程语言。
15.1 变量常量
在js中，声明变量，可以用var或let关键字。在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围，而let解决了这个问题。在ES6中，还新增了const关键字，用于声明常量。
let s = "老陈说编程"
var i = 100;
const PI = 3.14;15.2 数据类型
在js中，数据类型有值类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined)，还有引用数据类型：对象(Object)、数组(Array)和函数(Function)。可以使用 typeof 操作符来检测变量的数据类型。
// 字符串
var laochen="老陈说编程";
// 数字
var num = 10;
// 布尔
var x = true;
// 数组
var p = new Array("Python","前端","Java","App");
p[1]="前端+小程序"
/*对象*/
var person={
id: 666,
firstname : "老陈",
lastname : "陈老"
};
/* 访问对象属性 */
firstname =person.firstname;
lastname =person["lastname"];15.3 字符串
字符串用于存储和处理文本。在日常，在编程中，都是经常见到，以至于大多数编程语言，都对其特别"照顾"，提供好多专门用于处理字符串的方法。在Javascript中，字符串可以使用单引号或双引号声明。方法挺多的，用到时，自己查一下就好了，我只说几个关键的。
var s = "老陈说编程";
// 用索引访问字符
var c = s[2];
// 计算字符串的长度
var len = s.length;
// 用加号或concat()附件其他字符串
var new_str = s + "，只说实用的技术";
new_str = new_str.concat(",如Python、Java、App等。");
// 获取子字符串
var sub = new_str.substring(0,11);15.4 运算符
上过幼儿园的朋友都知道，要进行数学运算时， 要用到+、-、*、/等运算符。有了运算符，计算方便的不得了，特别是1+1这种。好了，不开玩笑了，说下Javascript的4种运算符。
1. 算术运算符
在大多数编程语言中，算术运算符都会有+(加法）、-(减法)、*(乘法)、/(除法)、%(取模-余数）、++(自增)、--(自减)这几种，你学会了Js的，在其他编程语言中，用法也是一样的。
var x = 100, y = 8;
// 自增
y++;
// 自减
x--;
// 加法
x = x + y;
// 减法
x = x - y;
// 乘法
x = x * y;
// 除法
x = x / y;
// 取模
x = x % y;2. 赋值运算符
同大多数编程语言一样，Js的赋值也是用=，同运算符结合之后，便有了+=、-=、*=、/=和%=。
var x = 100, y = 8;
// 加法
x += y;
// 减法
x -= y;
// 乘法
x *= y;
// 除法
x /= y;
// 取模
x %= y;3. 比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等，结果返回true或者false。在Js中，比较两个数用==符号， 不等于!=， 大于>，小于<，大于或等于>=和小于或等于<= 。
var x = 100, y = 8;
var result = (x>=y);4. 逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑，常用多个组合式的判断。大多数编程语言，常用的逻辑运算符有和&&、或||和非!，这3个符号。
var x = 1001, y = 11;
var result = (x>80) && y > 10;15.5 语句
语句，是一门编程语言的核心内容，有了语句，编程的世界才精彩。JavaScritp语句内有有条件语句、for循环语句和while语句。
1. 条件语句
条件语句用于基于不同的条件来执行不同的动作(业务)，在 JavaScript 中，我们可使用的条件语句有if、if...else、if...else if....else和switch 语句。
let lang = 1;
let result = ""
switch (lang) {
case 1:
result = "Python";
break;
case 2:
result = "前端";
break;
case 3:
result = "App";
break;
default:
result = "Java";
}2. for循环
for循环可以将代码块执行指定的次数，如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。
for 循环的语法：for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 。
let result = ""
for (let i=0; i<10; i++)
{
result += i + "<br/>";
}3. while循环
while 循环会在指定条件下循环执行代码块。只要符合指定条件为 true，循环就可以一直执行代码块。
while (条件)
{
需要执行的代码
}
let i = 1;
let result = "";
while (i < 6) {
result += i + "<br/>";
i++;
}do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。
do
{
需要执行的代码
}
while (条件);
let i = 1;
let result = ""
do {
result += i + "<br/>";
i++;
}
while (i < 5);15.6 函数
函数是可重复使用的代码块，在面向对象里，函数也叫作方法。JavaScript 函数语法:
function 函数名(argument1,argument2)
{
// 执行代码
}
函数参数可以是0个，也可以是多个。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript语法</title>
<style>
button {
border: none;
color: white;
padding: 8px 32px;
font-size: 16px;
margin-top: 15px;
}
.bl {
background-color: #4CAF50; /* Green */
}
</style>
<script>
function myFun(name) {
alert(name + "说编程");
}
</script>
</script>
</head>
<body>
<button class="bl" onclick="myFun('老陈')">调用函数</button>
</body>
</html>好了，有关javascript语法的内容，老陈讲完了，如果觉得对你有所帮助，希望老铁能转发点赞，让更多的人看到这篇文章。你的转发和点赞，就是对老陈继续创作和分享最大的鼓励。
一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，可关注今日头条：老陈说编程。分享Python，前端(小程序)、App和嵌入式方面的干货。关注我，没错的。
相关推荐
- 前端 JavaScript 字符串中提取数字
-
varstr="4500元";varnum=parseInt(str);alert(num);//4500如果字符串前面有非数字字符，上面这种方法就不行了：var...
- 使用JavaScript如何获取网站网址（js如何获取浏览器信息）
-
在做网站开发时，我们有时候会获取当前页面的完整路径。在网页前端如何实现呢？请在网页脚本代码段中粘贴如下代码。functiongetRootPath(){//获取当前网址，...
- java文本对比工具源码8（java比较文本相似度）
-
/***ParseatextualrepresentationofpatchesandreturnaListofPatch*objects.*@paramtextline...
- JavaScript实现的9大排序算法（js排序方法）
-
笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。1、插入排序1）算法简介插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通...
- 使用函数化的Javascript代码编写方式
-
对于Javascript介绍想必大家都耳熟能详啦，基于函数化的编程语言，基于浏览器运行的编程语言，web开发语言，前端开发必备语言，blablabla...Javascript是一个非常灵...
- Js基础31:内置对象（js内置对象是什么意思）
-
js里面的对象分成三大类：内置对象ArrayDateMath宿主对象浏览器提供的对象(如bom、dom等等)自定义对象开发人员自己定义的对象内置对象——所谓内置对象，就是JavaScript自...
- js获取上传文件类型以及大小的方法
-
前端web上传文件时，需要在上传之前判断一下文件的类型以及文件的大小，HTML为前端的标记语言是无法做到这一点，只能使用javascript动态脚本代码来实现。js获取上传文件大小的方法示例代码：&...
- 黑客入门实践:如何绕过前端过滤上传文件
-
今天开始，我们就要开始学习具体的漏洞了，但是希望大家学完后，不要轻易"入侵"网站哦，当时测试环境下除外。今天的课程是关于“文件上传漏洞”，据安界网的老师介绍，文件上传漏洞仅次于命令执行...
- Java文件上传细讲（java文件夹上传）
-
什么是文件上传？文件上传就是把用户的信息保存起来。为什么需要文件上传？在用户注册的时候，可能需要用户提交照片。那么这张照片就应该要进行保存。免费学习资料获取方式上传组件(工具)为什么我们要使用上传工具...
- 鸿蒙上实现“翻译”功能（鸿蒙宴全文翻译）
-
本章节我们来制作中文翻译成英文的实例（运行在HarmonyOS上），通过HTTP去配合API进行实现。需求分析如下：文字输入HTTP协议使用文字翻译控件介绍①HTTP数据请求官方文档请求...
- JavaScript从入门到精通（javascript 入门教程）
-
前几天，我们学习了JavaScript的入门课程，但是要想做网站，仅仅学会入门是不够的，今后的几天，我将带领大家精通JavaScript，希望大家好好学习！JS内置对象String对象：字符串对象，提...
- 第15天|16天搞定前端，javascript语法篇(干货)
-
JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。它是一个脚本语言，它是一个轻量级，但功能强大的编程...
- 通过js来实现打字效果（js如何输入）
-
有时候浏览网页经常会看见一些页面出现一些打字的效果，那么是怎么实现的呢？逻辑确定目标容器，在哪个容器进行输出确定输出内容，当前直接根据目标容器确定输出内容即可需要控制输出频率，因此需要循环输出完毕代码...
- 手把手教你学会一键还原混淆js原理
-
1.短变量名在以下示例代码中，我们将变量“customerName”替换为“a”：vara="JohnSmith";console.log(a);2.随机变量名在以下示例代码...
- sql中常用的字符串函数详解（sql字符串函数有哪些）
-
在日常开发中遇到处理最多的可能字符串要算其中一个了，什么替换啊截取啊大小写转换啊、删除空格啊等等，这些操作我们可以在前端操作，也可以直接在数据库的sql中操作，那么我们来看一下sql中处理字符串的...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- maven镜像 (69)
- undefined reference to (60)
- zip格式 (63)
- oracle over (62)
- date_format函数用法 (67)
- 在线代理服务器 (60)
- shell 字符串比较 (74)
- x509证书 (61)
- localhost (65)
- java.awt.headless (66)
- syn_sent (64)
- settings.xml (59)
- 弹出窗口 (56)
- applicationcontextaware (72)
- my.cnf (73)
- httpsession (62)
- pkcs7 (62)
- session cookie (63)
- java 生成uuid (58)
- could not initialize class (58)
- beanpropertyrowmapper (58)
- word空格下划线不显示 (73)
- jar文件 (60)
- jsp内置对象 (58)
- makefile编写规则 (58)