第二章JS基本语法——语法基础

目录

学习目标

1.掌握变量的定义与赋值

1.变量

2.数据类型

3.表达式

4.运算符

5.流程控制


学习目标

1.掌握变量的定义与赋值

2.掌握数据类型与运算符的使用

3.掌握流程控制语句的使用

1.变量

1.1标识符

概念:程序开发中,经常需要自定义一些符号来标记一些名称,并赋予其特定的用途,如变量名、函数名等,这些符号都被称为标识符。

定义规则

  • 由大小写字母、数字、下划线和美元符号($)组成。
  • 不能以数字开头。
  • 严格区分大小写。
  • 不能使用JavaScript中的关键字命名。
  • 要尽量要做到“见其名知其意”。

 

1.2保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用:

1.3变量的使用

概念:变量可以看作是存储数据的容器。

举例:盛水的杯子,杯子指变量,杯中的水指保存在变量中的数据。

语法JavaScript中变量通常利用var关键字声明,并且变量名的命名规则与标识符相同。

举例:合法变量名(如number_it123)、非法变量名(如88shout&num)。

  • 未赋初始值的变量,默认值会被设定为undefined
  • 行末的分号表示语句结束
  • 变量与变量之间的逗号(,)操作符,实现一条语句同时完成多个变量的声明。

var sales;

var hits, hot, NEWS;

var room_101, room102;

var $name, $age;

1.4变量的赋值

(1)声明变量、为变量赋值

var unit, room;
unit = 3;
room = 1001;

 (2)声明变量的同时为变量赋值

var fname = 'Tom', age = 12;

 (3)省略var关键字,直接为变量赋值

flag = false;		
a = 1, b = 2;

 (4)变量的作用域

 

2.数据类型

2.0多学一招

ES6 中,可以通过 let 关键字声明一个块级作用域(可以理解为 {} 之间的代码)的本地变量。
它与 var 关键字的区别是, let 关键字在块级作用域内不能重复定义同名的变量,且该变量仅在块级作用范围内有效。

 通过let定义的变量相比var来说,有一个更加清晰的作用范围,方便了变量的维护与控制。

2.1数据类型分类

 

 

 关于引用数据类型,将会在后面的章节详细介绍

2.2基本数据类型

2.3数据类型检测(常用)

详细:https://www.jb51.net/article/234043.htm

  • typeof
  • instanceof
  • constructor
  • Object.prototype.toString.call()

2.4数据类型转换

  • 转布尔型
  • 转数值型
  • 转字符型

3.表达式

概念:表达式可以是各种类型的数据、变量和运算符的集合。

最简单的表达式可以是一个变量。

var x, y, z;        	  // 声明变量
x = 1;		  // 将表达式“1”的值赋给变量x
y = 2 + 3;	  // 将表达式“2 + 3”的值赋给变量y
z = y = x;	  // 将表达式“y = x”的值赋给变量z
console.log(z);	  // 将表达式“z”的值作为参数传给console.log()方法
console.log(x + y); // 将表达式“x + y”的值作为参数传给console.log()方法

4.运算符

所谓运算符就是专门用于告诉程序执行特定运算或逻辑操作的符号。

  • 算术运算符

算术运算符使用的符号,用于执行两个变量或者值的算数运算

  • 比较运算符

        比较运算符是两个数据进行比较时所使用的运算符,比较运算后,

        会返回一个布尔值(true / false)作为比较运算的结果。

 程序里面的等于符号是==        默认转换数据类型 会把字符串类型的数据转换为数字型

  • 赋值运算符

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

  • 字符串运算符

字符串运算符 ,这个运算符对于数值型数据而言是“加”的含义,而对于字符串数据类型而言则用于将 “ 文本值 或 字符串变量 ”连接起来。

        例如:str1="11",str2="1",则 "str3=str1 + str2" 运算结果为 111 。

        简单的说:字符串运算符为 + ,用于连接字符串变量,而不是求和。
 

  • 逻辑运算符

逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值,后面开发中经常用于多个条件的判断。

 口诀:或真必真,且假必假

 逻辑与    &&

两侧都为true        结果才是true        只要有一侧是false  结果就为false

逻辑或     || 

两侧都为false       结果才为false      只要有一侧为true  结果就是true

逻辑非     !

也叫取反符 ,用来取一个布尔值相反的值 如true的相反值是false

 真变假        假变真

  • 三元运算符

三元运算符:
? : 表达式
var a = 3;
var b = 4;
var c =a > b ? 1 : 0

语法:
表达式? 值1:值2;
判断表达式的值,如果是true则取值1,如果是false则取值第二个0;

  • 运算符优先级 

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

逻辑与比逻辑或优先级高

5.流程控制

4.1选择结构

4.2循环结构

4.3跳转语句

案例打印金字塔

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Pig Pig Cat

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

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

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

打赏作者

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

抵扣说明:

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

余额充值