我是靠谱客的博主 勤恳冰棍,最近开发中收集的这篇文章主要介绍JavaScript语法基础01,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一.变量

在JavaScript中,给一个变量命名,我们需要遵守以下两个原则:

  • 变量由字母、下划线、$、数字组成,不能以数字开头
  • 变量不能是系统关键字和保留字
123n
//不能以数字开头
continue
//不能是系统关键字
-study
//不能包含中划线
my-title
//不能包含中划线

变量的使用:

  1. 变量的声明
  2. 变量的赋值

变量的声明: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所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部