一起来学习JavaScript的语法基础

2024-10-02 10:22:32

1、输入输入语句

2、变量

变量语法扩展

变量命名规范

3、数据类型

3.1 基本数据类型

数字型 Number

JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）。
在JS中八进制前面加0，十六进制前面加 0x
数字型三个特殊值， Infinity ，代表无穷大，大于任何数值； -Infinity ，代表无穷小，小于任何数值； NaN ，Not a number，代表一个非数值
isNaN() 用来判断一个变量是否为非数字的类型，不是数字返回 true ，是数字返回 false

布尔型 Boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。
布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

字符串型 String

字符串型可以是引号中的任意文本，其语法为双引号 “” 和单引号’’

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

JS 可以用单引号嵌套双引号，或者用双引号嵌套单引号 (外双内单，外单内双)
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

 var strMsg = "我是帅气多金的程序猿！";
 alert(strMsg.length); // 显示 11

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串(只要有字符串类型和其他类型相拼接，最终结果是字符串类型)

//1.1 字符串 "相加"alert('hello' + ' ' + 'world'); // hello world//1.2 数值字符串 "相加"alert('100' + '100'); // 100100//1.3 数值字符串 + 数值alert('11' + 12); // 1112

Undefined 和 Null

一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时，注意结果）

一个声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究null)

3.2 获取变量数据类型

typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) // 结果 number

3.3 数据类型转换

转换为字符串

转换为数字型（重点）

转换为布尔型

4、运算符

算术运算符

浮点数的精度问题

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。所以：不要直接判断两个浮点数是否相等

判断一个数能够被整除

余数是0 就说明这个数能被整除，这就是 % 取余运算符的主要用途

注意算术运算符优先级的，先乘除，后加减，有小括号先算小括号里面的
表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合，表达式最终都会有一个结果，返回给我们，我们成为返回值

递增和递减运算符

注意：递增和递减运算符必须和变量配合使用。

前置递增运算符： ++num 先自加，后返回值

后置递增运算符： num++ 先返回原值，后自加

开发时，大多使用后置递增/减，并且代码独占一行，例如：num++; 或者 num–；

比较运算符

符号	作用	用法
=	赋值	把右边给左边
==	判断	判断两边值是否相等（注意此时有隐式转换）
===	全等	判断两边的值和数据类型是否完全相同

逻辑运算符

短路运算（逻辑中断）

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

逻辑与 表达式1 && 表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

逻辑或 表达式1 || 表达式2

如果第一个表达式的值为真，则返回表达式1

如果第一个表达式的值为假，则返回表达式2

赋值运算符

概念：用来把数据赋值给变量的运算符

赋值运算符	说明	案例
=	直接赋值	var usrName = ‘我是值’；
+= 、 -=	加、减一个数后再赋值	var age =10; age += 5; //15
*= 、 /= 、 %=	乘、除、取模后再赋值	var age =2; age *= 5; //10

运算符优先级

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容!

javascript基础语法学习笔记

一.定义 javascript是一门用来增强页面动态效果,实现页面与用户之间的实时.动态交互的脚本语言(解释型编程语言).javascript由三部分组成:ECMA.DOM和BOM [1]ECMAScript由ECMA-262定义,提供核心语言功能(ECMA是欧洲计算机制造商协会) [2]DOM文档对象模型,提供访问和操作网页内容的方法的接口 [3]BOM浏览器对象模型,提供与浏览器交互的方法的接口二.引入引入javascript有两种办法:在页面内嵌入js代码和引入外部文件 [1]页面内嵌
JavaScript的基础语法和数据类型详解

目录引入JavaScript 1.内部标签 2.外部引入基础语法数据类型 number 字符串布尔值逻辑运算比较运算符数组对象流程控制 Map和Set iterator 总结引入JavaScript 1.内部标签 <script> alert("hello world"); </script> 2.外部引入 <script src="js/abc.js"></script> 基础语法定义变量 &l
JavaScript基础语法之js表达式

本文将详细介绍javascript表达式,表达式分为原始表达式和复杂表达式.一般,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但,其实还有一个术语经常使用,却很少被提到,这就是javascript表达式(expression). 原始表达式(primary exression) 原始表达式是表达式的最小单位--它不再包含其他表达式.javascript中的原始表达式包括this关键字.标识符引用.字面量引用.数组初始化.对象初始化和分组表达式 PrimaryExpres
javascript学习笔记_浅谈基础语法,类型,变量

基础语法.类型.变量非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或非数字值时,返回true; 3.用isFinity(x),在x不是NaN.Infinity.-Infinity时返回true; 虽然(字符串.数字.布尔值)不是对象,他们的属性是只读的,但也可以像操作对象一样来引用他们的属性和方法,原理: javascript构造一个(String.Number.Boo
JavaScript基础语法与数据类型介绍

目录一.JavaScript语法 1.区分大小写 2.标识符 3.注释 4.变量二.JavaScript的数据类型 1.Undefined类型 2.Null类型 3.Boolean类型 4.Number 5.String类型 6.Object类型三.typeof操作符一.JavaScript语法 1.区分大小写 ECMAScript中的一切,包括变量.函数名和操作符都是区分大小写的.例如:text和Text表示两种不同的变量. 2.标识符所谓标识符,就是指变量.函数.属性的名字,或者函
一起来学习JavaScript的语法基础

目录 1.输入输入语句 2.变量变量语法扩展变量命名规范 3.数据类型 3.1 基本数据类型 3.2 获取变量数据类型 3.3 数据类型转换 4.运算符算术运算符递增和递减运算符比较运算符逻辑运算符赋值运算符运算符优先级总结 1.输入输入语句 2.变量变量语法扩展变量命名规范 3.数据类型 3.1 基本数据类型数字型 Number JavaScript 数字类型既可以用来保存整数值,也可以保存小数(浮点数). 在JS中八进制前面加0,十六进制前面加 0x 数字型三个特殊值
javascript 语法基础想学习js的朋友可以看看

1:javascript区分大小写 2:javascript每一条语句必须以";"结束,与C语言一样 3:输出:document.write("字符串")--->还可以输出对应的html标记 4:改变窗体的颜色document.bgColor="red"; 4:类型转换:parseInt,parseFloat 5:随机函数:parseInt(Math.random()*90+10) 产生10--100的随机数 5:弹出对话框:alert(&
avaScript基础学习-基本的语法规则

目录一.运算符二.分支语句三.循环语句四.异常的捕获与处理五.js中的this关键字六.let与const定义变量使用规则七.js中的void链接八.异步编程setTimeout 九.函数闭包一.运算符 js中的+-*/运算与c语言较为相似,简写方式也类似 ++.--.+=.%=等运算规则也相同在js中===代表绝对等于(值与类型都相同才算相同) !==(不绝对等于)值和类型有一个不相同或者都不相同为真 js中还支持三目运算符 a>b?'a大于b':'b大于a' 二.分支语句
Javascript入门学习第一篇 js基础第1/2页

Javascript学习第一篇 js基础 1 , javascript字符集: javascript采用的是Unicode字符集编码. 为什么要采用这个编码呢? 原因很简单,16位的Unicode编码可以表示地球人的任何书面语言.这是语言国际化的一个重要特征.(大家也许见过用中文写脚本,比如:function 我的函数() {} ); Javascript中每个字符都是用2个字节表示的.(因为是16位编码) 2 ,大小写敏感: js是一种区分大小写的语言. 注意下:以前我也犯过的错误. HT
JavaScript基本语法学习教程

Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言. ii. Javascript语言的特点: 1. 由Netscape公司开发,基于对象和事件驱动并具有一定安全性的脚本语言. 2. 特点: a) Javascript是一种脚本语言,同时也是一种解释性语言: b) Javascript是靠浏览器中的javascript解释器来运行的,与操作环境没有关系: c) 在javascript中,采用的是不太严格的数据类型,这样的俄好处是在定义或使用数据的时候可以
写给想学习Javascript的朋友一点学习经验小结

当然只是个人的经验,有什么不对的也请高手见谅和指正. 关于到培训学校学习的忠告:别说现在没有这样的学校,就是有专门的学校也不要去,因为不会有好的老师的.不要浪费你自己(很可能是你父母)的钱和时间.趁早死了这个念头. 关于培训学校的这个我想我要比一般的朋友更有发言权,因为我本人干英语培训将近2年,我很清楚培训市场的情况,你很难碰到一个好的老师.英语可能还好些,毕竟英语说得好的老师还比较多,长期跟老外泡在一起,确实对口语能力的提高很显著,但是代价是很昂贵的.而你现在要学的是Javascript,呵呵
新手快速学习JavaScript免费教程资源汇总

"JavaScript"的名头相信大家肯定是耳熟能详,但只有一小部分人群了解它的使用与应用程序构建方式.这"一小部分"人指的当然是技术过硬的有为青年.网络程序员以及IT专业人员.但对于一位新手或者说外行人而言,"JavaScript"只不过是复杂计算机编程学科当中的另一个不知所云的术语. 那么,JavaScript到底是什么? 如果各位拥有在计算机领域的工作经验,那么绝对不能错过强大的JavaScript. 它是知名度最高的Web页面脚本语言.它
学习Python列表的基础知识汇总

千里之行,始于足下.要练成一双洞悉一切的眼睛,还是得先把基本功扎扎实实地学好.今天,本喵带大家仔细温习一下Python的列表.温故而知新,不亦说乎. 当然,温习的同时也要发散思考,因为有些看似无关紧要的.约定俗成的语言习惯,例如数组索引为何从0开始,其背后可能大有来历.知其然,亦需知其所以然啊喵喵喵~~~ 最后,在基础知识之上,更要探索进阶,例如学习生成器表达式,这样既能更扎实地掌握基础,又能融会贯通,获得更全面的认知升级. Python的列表是怎样滴? 列表(list)是一种有序的集合,可以随
超详细的JavaScript基本语法规则

目录 01 JavaScript (简称:js) js分三个部分: JavaScript是什么? js的代码可以分三个地方写: 02 操作符操作符:一些符号-----用来计算关系运算符: 关系运算表达式: 逻辑运算符: 逻辑运算表达式: 03 JS变量变量名的注意问题-变量名的命名: 04 JS变量作用 05 JS变量的交换使用第三方的变量进行交换第二种方式交换:一般适用于数字的交换 06 注释注释的方式: 07 JS的数据类型值类型(基本类型): 引用数据类型: 08 JS的数字
JavaScript核心语法总结(推荐)

本文介绍了JavaScript的基本(常用)语法,供大家参考. Overview 先说一下Javascript该怎么写.两种形式,一种是直接把JavaScript写在HTML页面里,另一种是存在*.js文件里然后在页面内引用. 直接写时,即可以放在<head> </head>内,也可以放在<body> </body>内.一般函数是放在<head>区的,具体的执行代码是在<body>区里的.例如,在body里写: <body>