JavaScript语法基础（一）

最新推荐文章于 2024-04-28 00:00:00 发布
最新推荐文章于 2024-04-28 00:00:00 发布
阅读量437 收藏 1
点赞数 2
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44758772/article/details/126110592
版权

1. 初识JavaScirpt

1.1 JavaScript是什么

  • JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
  • 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行。
  • 现在也可以基于 Node.js 技术进行服务器端编程。
    在这里插入图片描述

1.2 JavaScript的作用

  • 表单动态校验（密码强度检测） （ JS 产生最初的目的 ）
  • 网页特效
  • 服务端开发(Node.js)
  • 桌面程序(Electron)
  • App(Cordova)
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js

1.3 HTML/CSS/JS 的关系

HTML/CSS 标记语言–描述类语言

  • HTML 决定网页结构和内容( 决定看到什么 )，相当于人的身体
  • CSS 决定网页呈现给用户的模样( 决定好不好看 )，相当于给人穿衣服、化妆

JS 脚本语言–编程类语言

  • 实现业务逻辑和页面控制( 决定功能 )，相当于人的各种动作

1.4 浏览器执行 JS 简介

浏览器分成两部分：渲染引擎和 JS 引擎

  • 渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit
  • JS 引擎：也称为 JS 解释器。 用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome 浏览器的 V8

浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 JavaScript 语言归为脚本语言，会逐行解释执行。
在这里插入图片描述

1.5 JS 的组成

在这里插入图片描述

  • ECMAScript
    ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，但实际上后两者是 ECMAScript 语言的实现和扩展。
  • DOM文档对象模型
    文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。
  • BOM浏览器对象模型
    BOM (Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

1.6 JS 初体验

JS 有3种书写位置，分别为行内、内嵌和外部
1. 行内式 JS

<input type="button" value="点我试试" οnclick="alert('Hello World')" /
  • 可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick
  • 注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
  • 可读性差， 在html中编写JS大量代码时，不方便阅读；
  • 引号易错，引号多层嵌套匹配时，非常容易弄混；
  • 特殊情况下使

2. 内嵌 JS

 <script>
 alert('Hello World~!');
 </script>
  • 可以将多行JS代码写到script标签中
  • 内嵌 JS 是学习时常用的方式

3. 外部 JS文件

<script src="my.js"></script>
  • 利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用
  • 引用外部 JS文件的 script 标签中间不可以写代码
  • 适合于JS 代码量比较大的情况

2. JavaScript注释

2.1 单行注释

为了提高代码的可读性，JS与CSS一样，也提供了注释功能。JS中的注释主要有两种，分别是单行注释和多行注释。
单行注释的注释方式如下：

// 我是一行文字，不想被 JS引擎 执行，所以 注释

// 用来注释单行文字（ 快捷键 ctrl + / ）

2.2 多行注释

多行注释的注释方式如下：

/*
 获取用户年龄和姓名
并通过提示框显示出来
*/

/* */ 用来注释多行文字（ 默认快捷键 alt + shift + a ）
快捷键修改为： ctrl + shift + /
vscode -> 首选项按钮-> 键盘快捷方式 -> 查找 原来的快捷键 ->修改为新的快捷键 -> 回车确认

3. JavaScript输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下:
在这里插入图片描述

注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

4. 变量与常量

4.1 什么是变量

白话：变量就是一个装东西的盒子。
通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改

4.2 变量的命名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
  • 严格区分大小写。var app; 和 var App; 是两个变量
  • 不能 以数字开头。 18age 是错误的
  • 不能 是关键字、保留字。例如：var、for、while
  • 变量名必须有意义。 MMD BBD nl → age
  • 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myFirstName

4.3 变量的使用

变量在使用时分为两步： 1. 声明变量 2. 赋值
1. 声明变量

// 声明变量 var age; // 声明一个 名称为age 的变量
  • var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
  • age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空

2. 赋值

age = 10; // 给 age 这个变量赋值为 10
  • = 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
  • 变量值是程序员保存到变量空间里的值

4.4 什么是常量

在JavaScript中，常量指的是一个不能改变的量。也就是说，常量的值从定义开始就是固定的，一直到程序结束都不会改变。

4.5 常量的命名习惯

一般情况下，常量名全部大写，别人一看就知道这个值很特殊，有特殊用途，如：var DEBUG = 1

5. 数据类型

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

var age = 10; 			 //这是一个数字型
var areYouOk = '使得';	//这是一个字符串
  1. 在代码运行时，变量的数据类型是由 JS引擎 根据 var x = 6; //x为数字
    var x = “Bill”; //x为字符串= 右边变量值的数据类型来判断 的，运行完毕之后， 变量就确定了数据类型。
  2. JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型。
var x = 6;		//x为数字
var x = "Bill";	//x为字符串
  1. JS 把数据类型分为两类：
  • 简单数据类型 （Number,String,Boolean,Undefined,Null）
  • 复杂数据类型 （object)
    其中简单数据类型（基本数据类型）只有一个值，而复杂数据类型（引用数据类型）可以含有多个值。

5.1 简单数据类型（基本数据类型)

JavaScript 中的简单数据类型及其说明如下:
在这里插入图片描述
1. 数字型Number
JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）。

var age = 12;		//整数
var Age = 21.3747;	//小数
  • 数字型进制
    最常见的进制有二进制、八进制、十进制、十六进制。在JS中八进制前面加0，十六进制前面加 0x
// 1.八进制数字序列范围：0~7
var num1 = 07; 		//对应十进制的7
var Num2 = 019;		//对应十进制的19
var num3 = 08;		//对应十进制的8
// 2.十六进制数字序列范围：0~9以及A~F
var num = 0xA;
  • 数字型范围
    最大值：Number.MAX_VALUE，这个值为1.7976931348623157e+308
    最小值：Number.MIN_VALUE，这个值为：5e-32
alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324
  • 数字型的三个特殊值
alert(Infinity); 	//Infinity(无穷大)
alert(-Infinity); 	//-Infinity(无穷小)
alert(NaN);       	//NaN - Not a Number ,代表任何一个非数值

Infinity ，代表无穷大，大于任何数值
-Infinity ，代表无穷小，小于任何数值
NaN，Not a Number，代表一个非数值

  • isNaN
    这个方法用来判断非数字，并且返回一个值，如果是数字返回的是false，如果不是数字返回的是true
    在这里插入图片描述
var userAge = 21;
var isOk = isNan(userAge);
console.log(isOk);		//false,21不是一个非数字

var userName = "andy";
console.log(isNan(userName));	//true,"andy"是一个非数字
  1. 字符串型String
    字符串型可以是引号中的任意文本，其语法为 “双引号” 和 "单引号’’
var strMsg = "晚安里~"; // 使用双引号表示字符串
var strMsg2 = '好好学前端~'; // 使用单引号表示字符串
// 常见错误
var strMsg3 = 我爱学前端; // 报错，没使用引号，会被认为是js代码，但js没有这些语法

因为 HTML 标签里面的属性使用的是双引号，JS 这里我们更推荐使用单引号。

  • 字符串引号嵌套
    JS可以用 单引号嵌套双引号，或者用 双引号嵌套单引号（外双内单，外单内双）
var strMsg ='我是一个“高富帅”' //可以用 ' ' 包含 " "
var strMsg2 ="我是'高富帅'" //可以用" "  包含  ''
  • 字符串转义符
    类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。
    转义符都是 \ 开头的，常用的转义符及其说明如下：
    在这里插入图片描述③字符串长度
    字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length属性可以获取整个字符串的长度。
//通过字符串的length属性可以获取整个字符串的长度
var strMsg = "我是高富帅！";
alert(strMsg.length);     //显示6

④字符串的拼接
多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串；拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串。
注意：字符串 + 任何类型 =拼接之后的新字符串

//1 字符串相加
alert('hello' + ' ' + 'World');  //hello World

//2 数值字符串相加
alert('100' + '100'); //100100

//3 数值字符串+数值
alert('12'+12); //1212

//4 数值+数值
alert(12+12); //24
  • 号总结口诀：数值相加，字符相连

⑤字符串拼接加强

console.log('晚安里' + 18);			//只要有字符就会相连
var age = 18;
// console.log('晚安里age岁了');		//这样不行,会输出 "晚安里age岁了"

console.log('晚安里' + age);		 // 晚安里18
console.log('晚安里' + age + '岁啦');	// 晚安里18岁啦

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值
变量是不能添加引号的，因为加引号的变量会变成字符串
如果变量两侧都有字符串拼接，口诀==“引引加加 ”，删掉数字，变量写加中间

  1. 布尔型Boolean
    布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。
    布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。
console.log(true + 1); // 2
console.log(false + 1); // 1
  1. undefined未定义
    一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时，注意结果）
  • undefined 和 字符串 相加，会拼接字符串
  • undefined 和 数字相加，最后结果是NaN
  1. 空值null
    一个声明变量给 null 值，里面存的值为空
var space = null;
console.log(space + 'pink'); //nullpink
console.llog(space + 1); // 1

5.2 复杂数据类型（引用数据类型)

常见的引用数据类型有两种：数组、对象。基本数据类型只有一个值，而引用数据类型可以含有多个值。
后续再逐渐介绍“数组”和“对象”这两种引用数据类型。

6. 运算符

运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。
JavaScript中常用的运算符有：

  • 算数运算符
  • 递增和递减运算符
  • 比较运算符
  • 逻辑运算符
  • 赋值运算

6.1 算术运算符

6.1.1 算术运算符概述

概念：算术运算使用的符号，用于执行两个变量或值的算术运算。
在这里插入图片描述

6.1.2 浮点数的精度问题

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。

var result = 0.1 + 0.2; // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100); // 结果不是 7， 而是：7.000000000000001

所以：不要直接判断两个浮点数是否相等 !

  1. 我们怎么判断 一个数能够被整除呢？
    它的余数是0 就说明这个数能被整除， 这就是 % 取余运算符的主要用
  2. 请问 1 + 2 * 3 结果是？
    结果是7 ，注意算术运算符优先级的，先乘除，后加减，有小括号先算小括号里面的

6.1.3 表达式和返回值

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合
简单理解：是由数字、运算符、变量等组成的式子
表达式最终都会有一个结果，返回给我们，我们成为返回值

6.2 递增和递减运算符

如果需要反复给数字变量添加或减去1，可以使用递增（++）和递减（ – )运算符来完成。
在 JavaScript 中，递增（++）和递减（ – ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，
我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。
注意：递增和递减运算符必须和变量配合使用。

6.2.1 递增运算符

1. 前置递增运算符
++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。
使用口诀：先自加，后返回值

var num = 10;
alert(++num + 10); // 21
  1. 后置递增运算符
    num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。
    使用口诀：先返回原值，后自加
var num = 10;
alert(10 + num++); // 20

6.2.2 前置递增和后置递增小结

  • 前置递增和后置递增运算符可以简化代码的编写，让变量的值 + 1 比以前写法更简单
  • 单独使用时，运行结果相同
  • 与其他代码联用时，执行结果会不同
  • 后置：先原值运算，后自加（先人后己）
  • 前置：先自加，后运算（先已后人）
  • 开发时，大多使用后置递增/减，并且代码独占一行，例如：num++; 或者 num–;

6.3 比较运算符

概念：比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值（true / false）作为比较运算的结果。
在这里插入图片描述
等号 =，==，===的作用和区别：
在这里插入图片描述

6.4 逻辑运算符

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值。后面开发中经常用于多个条件的判断。
在这里插入图片描述

6.4.1 逻辑与&&

两边都是 true才返回 true，否则返回 false
在这里插入图片描述

6.4.2 逻辑或 ||

两边都为 false 才返回 false，否则都为true
在这里插入图片描述

6.4.3 逻辑非 ！

逻辑非（!）也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false

var isOk = !true;
console.log(isOk); // false

6.4.4 短路运算（逻辑中断）

短路运算的原理：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。
1. 逻辑与

  • 语法： 表达式1 && 表达式2
  • 如果第一个表达式的值为真，则返回表达式2
  • 如果第一个表达式的值为假，则返回表达式1
console.log( 123 && 456 ); // 456
console.log( 0 && 456 ); // 0
console.log( 123 && 456&& 789 ); // 789

2. 逻辑或

  • 语法： 表达式1 || 表达式2
  • 如果第一个表达式的值为真，则返回表达式1
  • 如果第一个表达式的值为假，则返回表达式2
console.log( 123 || 456 ); // 123
console.log( 0 || 456 ); // 456
console.log( 123 || 456 || 789 ); // 123

6.5 赋值运算

概念：用来把数据赋值给变量的运算符。
在这里插入图片描述

var age = 10;
age += 5; // 相当于 age = age + 5;
age -= 5; // 相当于 age = age - 5;
age *= 10; // 相当于 age = age * 10;

6.6 运算符优先级

在这里插入图片描述

  • 一元运算符里面的逻辑非优先级很高
  • 逻辑与比逻辑或优先级

7. 数据类型的转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

我们通常会实现3种方式的转换：

  • 转换为字符串类型
  • 转换为数字型
  • 转换为布尔型

7.1 转换为字符串

在这里插入图片描述

  • toString() 和 String() 使用方式不一样
  • 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一方式也称为隐士转换。

7.2 转换为数字型

在这里插入图片描述

  • 注意 parseInt 和 parseFloat 单词的大小写，这2个是重点
  • 隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

7.3 转换为布尔

在这里插入图片描述

  • 代表空、否定的值会被转换为 false ，如 ‘’、0、NaN、null、undefined
  • 其余值都会被转换为 true
console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // true
晚安里
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
JavaScript基础语法01
qq_62755480的博客
08-15 487
本文简单的讲解了JavaScript基础，适合初学的朋友们，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。
JavaScript基础语法
qq_56299755的博客
03-02 349
JavaScript基础语法 一、什么是javascript JavaScript的引入方式 **1.内部脚本：将js代码定义在HTML页面中 ** 2.外部脚本：将js代码定义在外部js文件中，然后引入到HTML页面中 二、JavaScript的基础语法 1.书写语法 2、输出语句 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
JavaScript(基础语法)
chenbaifan的博客
04-26 1975
JavaScript的组成输入输出JS的基础语法变量动态类型基本数据类型number 数字类型String 字符串类型boolean 布尔类型undefined 未定义的数据类型null 空值类型运算符算数运算符赋值运算符 & 复合赋值运算符自增自减运算符比较运算符逻辑运算符位运算移位运算条件语句if 语句三元表达式switch循环语句while循环continuebreakfor 循环数组创建数组获取数组元素新增数组元素通过修改 length 新增通过下标新增使用 push 进行追加元素删除数组.
js命名规范
南北极之间
04-28 260
参考： JS命名规范 https://blog.csdn.net/It_sharp/article/details/90901197 变量：必须采用小驼峰式命名法 命名规范：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数) 命名建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。 // 好的命名方式...
pylint 　常量 大写_何时大写JavaScript常量
08-05 256
pylint 　常量 大写Many JavaScript style guides suggest capitalizing constant names. Personally, I rarely see this convention used where I thought it should be. This was because my definition of a constant ...
JavaScript语法基础
最新发布
06-05
### JavaScript语法基础知识点详解 #### 一、JavaScript简介与分类 **JavaScript** 是一种轻量级的编程语言，主要用于在客户端实现网页动态效果。它是由 Netscape 公司开发的一种可以嵌入到网页中的编程语言，最初...
javascript基础语法总结.pdf
07-02
这个资源是javaScript基础语法的总结，适合学完javascript基础语法的进行巩固、复习！ 这...我是想免费给大家看的,这怎么还收费
JavaScript基础语法（ppt）
05-31
JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）JavaScript基础语法（ppt）...
javascript基础语法
03-31
### JavaScript基础语法详解 #### 一、JavaScript简介 JavaScript是一种广泛使用的编程语言，主要用于Web开发。ECMAScript标准定义了JavaScript的核心语法。 ##### 1.1 JavaScript书写位置 JavaScript可以在HTML...
JavaScript基础语法笔记
04-12
此“JavaScript基础语法笔记”涵盖了学习JS所必需的关键概念，包括循环结构、对象以及基本语法。 一、for循环 在JavaScript中，`for`循环是一种常用的迭代结构，用于重复执行一段代码直到特定条件满足。基本语法...
Javascript字符串拼接小技巧(推荐)
12-28
在Javascript中经常会遇到字符串的问题，但是如果要拼接的字符串过长就比较麻烦了。 如果是在一行的，可读性差不说，如果要换行的，会直接报错。 在此介绍几种Javascript拼接字符串的技巧. 字符串相加(+) var items = '<li class=details>' + '<span>Hello world</span>' + '</li>'; 利用反斜线拼接字符串 var items = '<li class=details>' \ '<span>Hello world</span>' \ '</li>'; 利用
JS如何定义用字符串拼接的变量
11-20
今天在写js的时候碰到了难题，我又一个页面需要生成很多的变量。但是变量的名称是根据参数的不同而区分的。 例如可能需要生成 date_1,date_2,datet_3… （后面的数字是根据参数来的）。 所以我的函数名 应该由 var name = “test_”+num; 生成函数名 但这问题就来了。 1可以使用 window[name] = ” ” 这种方式来定义变量： 所以 var “test_”+num = 100; 这中肯定是错误的。后来问了大哥后才知道。可以使用 window[name] = 100 这种方式来定义变量。看代码 function create_variable(
常量定义特点
feiyucity的博客
01-10 843
常量如何定义今天忘记啦  温习一下 ！          //声明一个常量  特点:      //1 常量一旦被定义 不能被删除 不能被修改       //2 常量的值必须为标量数据类型 （标量包含:整形 浮点 布尔 字符串）      //3 常量的名称一般情况下 我们使用大写 为了与变量区分       //4 常量默认情况下 名称区分大小写 当添加第三个参数为true的时候 常量不在...
JS字符串拼接的几种方式
热门推荐
甜心的专栏
03-29 10万+
在 JavaScript 中，使用字符串连接有 几 种方式：连接符（+）、反引号（`）、join()、concat()。
JS 合并拼接字符串 （ 5种方法 ）
大剑师兰特的GIS世界
04-28 4165
- **加号 (+)**：简单易用，但可能影响代码可读性和性能。 - **模板字面量**：简洁直观，支持多行和嵌入表达式，是现代JavaScript中最推荐的拼接方式。 - **`concat()`**：功能较弱，不如其他方法灵活，较少使用。 - **数组 `join()`**：适用于拼接大量字符串，性能较好，但需预先收集到数组中。 - **`replace()`** 结合空正则表达式：特殊场景下的优化手段，一般不推荐常规使用。
js怎么拼接字符串，都有哪几种方式
活到老学到老
03-17 781
在JavaScript中，有多种方法可以拼接字符串。这些都是常见的拼接字符串的方法，你可以根据实际需要选择适合的方式。
javascript中的常量
程宇寒
08-25 8756
javascript中的常量 直接po图和代码 <script type="text/javascript"> /* js中一旦被定义就无法再被修改的变量，称之为常量 常量:不能修改的值 常量的关键字是const 常量只能读取，不能修改 常量通常用大写字母定义，多个单词之间用下划线_分隔 */ //重力加速度 var G = 9.8; ...
【JavaScript保姆级教程】字符串拼接以及模板字符串
m0_62599305的博客
09-23 2006
在JavaScript编程中，字符串处理是一项非常基础和常见的任务。字符串拼接和模板字符串是两种常用的方法，用于处理和构建文本内容。本文将带您深入了解这两个知识点的概念、用法和示例代码。${// 输出："Welcome to our website, John Doe!// 输出："Welcome to our website, John Doe!${// 输出："Welcome to our website, John Doe!!
前端开发：JS中字符串拼接的总结
软贱开发攻城狮
06-30 5939
JS中字符串拼接的方法有四种：使用加号运算符拼接、使用${}结合反引号拼接、使用JS的concat()函数拼接、使用JS的join()函数拼接。这四种方式的使用具体如下文所示。使用加号运算符连接/拼接字符串是最简便的方式。下面通过示例来介绍一下加号运算符连接两个字符串的方法，具体如下所示。示例一： 示例二： 最后，通过使用加号运算符做拼接/连接操作，虽然是比较简便的方式，但是也有要求，那就是使用加号运算符做拼接/连接操作只适用于连接100个以下的字符串操作最方便。使用${}结合反引号来连接/拼接字
JavaScript语法基础与应用
JavaScript语法基础是编程学习的重要部分，它允许开发者创建交互式的网页应用程序。 在HTML中嵌入JavaScript通常有两种方式：一是直接在HTML文件中使用`<script>`标签将JavaScript代码内联写入；二是通过`...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晚安里

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值