概述
一.变量
在JavaScript中,给一个变量命名,我们需要遵守以下两个原则:
- 变量由字母、下划线、$、数字组成,不能以数字开头
- 变量不能是系统关键字和保留字
123n
//不能以数字开头
continue
//不能是系统关键字
-study
//不能包含中划线
my-title
//不能包含中划线
变量的使用:
- 变量的声明
- 变量的赋值
变量的声明:var 变量名=值;
//练习:声明多个变量分别保存语文,数学,总成绩;打印出总成绩。
var chinese=70;
var math=60;
var total=chinese+math;
console.log(total);
变量赋值:变量声明后,如果未赋值,则保存的值为undefined(未定义)
二.常量
用于存储固定不变数据,使用const关键字声明,声明的同时必须赋值,不允许重新赋值
//常量
const PI=3.14;
//PI=3.1415;
console.log(PI);
三.数据类型-基本数据类型
数据类型分为两种:一种是‘基本数据类型’,另一种是‘引用数据类型’,基本数据类型有五种,分别是数值型、字符串型、布尔型、未定义型和空值,而常见的引用数据类型有两种,分别是数组、对象
//数值型
var a=1;
console.log(a);
//输出1 这是一个数字
//字符串型
var str='1';
console.log(str);
//输出'1' 这是一个字符串
//布尔型(真的或者假的)
//布尔类型的值只有两个true和false,最大的用途是选择结构的条件判断
//常用于记录当前的状态,例如是否登录,是否注册,是否为会员...
//未定义型
var n;
console.log(n);
//输出undefined
//空值
//只有一个值null,类型是object,常用于和对象(引用类型)数据一起使用
四.运算符
常见的运算符有以下5种,算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符
运算符 | 说明 | 举例 |
+ | 加 | 10+5 //返回15 |
- | 减 | 10-5 //返回5 |
* | 乘 | 10*5 //返回50 |
/ | 除 | 10/5 //返回2 |
% | 取余 | 10%4 //返回2 |
++ | 自增 | var i=10;i++ //返回11 |
-- | 自减 | var i=10;i-- //返回9 |
- 数字+数字=数字
- 字符串+字符串=字符串
- 字符串+数字=字符串
var num=10+4;
//输出14
var str="WEB"+"2008";
//输出"WEB2008"
var str="今年是"+2020;
//输出"今年是2020"
自增与自减:
var
a=1;
// var b=a++;
//先把a的值赋给b,然后a再执行自增
// var c=++a;
//先让a执行自增,然后把自增后的结果赋给c
运算符 | 举例 |
= | var str='您好!' |
+= | var a+=b =>var a=a+b |
-= | var a-=b =>var a=a-b |
*= | var a*=b =>var a=a*b |
/= | var a/=b =>var a=a/b |
运算符 | 说明 | 举例 |
> | 大于 | 2>1 //返回true |
< | 小于 | 2<1 //返回false |
>= | 大于等于 | 2<=2 //返回true |
<= | 小于等于 | 2>=2 //返回true |
== | 等于 | 1==2 //返回false |
!= | 不等于 | 1!=2 //返回true |
运算符 | 说明 |
&& | "与"运算 //两真为真 |
|| | "或"运算 //一真为真 |
! | "非"运算 //取反,跟你唱反调 |
短路逻辑 | && 当第一个条件为false,就不再执行第二个条件 || 当第一个条件为true,就不再执行第二个条件 |
var a=条件 ? 表达式1 : 表达式2; |
==
只是比较值是否相同,可能发生数据类型转换
===
不仅比较值,还会比较类型
在比较相等或者不等推荐使用 ===
和
!==
练习:
3>'10'
//false
字符串隐式转换为数值
'3'>'10'
//true
字符串比较,比较的是首个字符的Unicode码
3->51
1->49
3>'10a'
//false
3<'10a'
//false
3=='10a'
//false
'10a'转为NaN,NaN和任何值比较(>
<
==
>=
<=
===)都是false
NaN==NaN
//false
最后
以上就是勤恳冰棍为你收集整理的JavaScript语法基础01的全部内容,希望文章能够帮你解决JavaScript语法基础01所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复