JS基础,基本数据类型,运算符,基本流程控制

简介:
变量命名规则:不能以数字开头,不能是js关键字,也不能是运算符

js变量命名习惯:
1.使用小驼峰命名法(首个单词首字母小写,其余后面的每个单词的首字母大写)
2.使用正确的单词表示变量的含义 ,例如,myBestFriend,myName,不要使用abc、a1、a2等没有明确含义的变量名

数字型(number)、字符串型(string)、布尔型(Boolean)
1.数字型
可以是整数也可以是小数
0x开头表示16进制数字
0b开头表示二进制数字

2.字符串类型
用于记录一段文本,字符串直接量(字面量)要使用双引号包裹。

3.布尔型
用于记录真假值,他有两个值:true、false

1. 输出一个内容到 控制台
console.log(123);

2. document.write,向 页面中最后 输出一段内容
document.write("这是通过js输出到页面的文本");

在html解析时,会忽略多余的空格和回车,所以向页面输出的时候,不能用writeln 或\n


3. alert,用于弹出一个 警告框
alert("警告框");

关于prompt,返回值就是用户输入的内容
prompt 用于弹出一个输入框,用户输入的内容会作为返回值,这个值时 字符串类型(可以通过 *1 转换成数字)
var salary = prompt ( "请输入你的工资" ) *1;这样就把输入的值赋值给了salary

关于 confirm
弹出一个带有“确定”和“取消”按钮的对话框,用户选择确定会返回true,
// 用户选择取消会返回false
var flag = confirm ( "我长得甩?" );
// 点击的值返回到这里
while ( flag ){
flag = confirm ( "回答错误,我长得甩?" )
}

关于换行:
1.document.write("<br>");是一种办法
2.document.write("<pre>");内容写中间
document . write ( j + "*" + i + "=" + i * j + "\t" );
document.write("</pre>");

一、 +运算符 +""表示
当+运算符用于数字类型变量时,表示计算两个数字之和
当+用于字符串变量时,表示字符串拼接
当+两侧 一个数字一个字符串时,运算符会把数字转为字符串,然后执行拼接

二、-运算符
1.当-用于字符串的时候,运算符会将字符串转为数字,执行减法计算(前提是能转成数字)
var num5 = "10" - "6";输出结果为4
var num6 = "abc" - "6" ; 输出结果: NaN (not a number不是一个数字)
总结:-运算符会将非数字变量转为数字变量进行计算,不能转换结果的为NaN

三、 * 运算符
1.*运算符用于非数字变量时,会将非数字变量转为数字变量进行计算,不能转换结果的为NaN

四、 / 运算符
1.计算两个变量相除,如果不能整除,结果是小数
2.用于非数字变量时,会将非数字变量转为数字变量进行计算,不能转换结果的为NaN

五、 % 运算符,表示相除取余


注意:
1.、 typeof 运算符,用于获得一个变量的数据类型,结果是一个字符串
2. += 表示自增 某个量
num11 += 5 ;表示自身加5

++ 表示自增1
++写在后面,表示先参加表达式计算,后自增,写后面表示先自增后参与计算

1.>= 大于等于,<=小于等于

2.判断两个变量是否相等,用==
==仅仅只能判断两个变量的值是否相等,不能区分类型,如果 要区分类型判断,使用===

3.!=表示判断两个变量是否不相等

4.常用的三种布尔运算符:与 或 非
1.&& 表示与 运算,当前后两个布尔值都为真时,结果为真
2.|| 表示或 运算,前后两个布尔值只要一个为真,结果就为真
3.! 表示非,它添加在一个布尔值之前,将值进行取反(true变为false,false变为true)

顺序:代码按照从上到下的顺序逐行执行每一段代码;
分支:代码按照条件,选择性的执行某段代码,跳过一段代码。( if-else
循环:代码按照条件,重复执行同一段代码。(for)
1.if-else()
1.if语句,用于生成分支结构代码
if(布尔值或布尔表达式){代码块}else{代码块}
执行规则,当布尔值为真时,执行代码块1,为假时,执行代码块2
else是可选的

2.if-else可以连续使用
if ( age <= 1 ){
console . log ( "婴儿" );
} else if ( age <= 6 ){
console . log ( "幼儿" );
} else if ( age <= 12 ){
console . log ( "儿童" );
} else {
console . log ( "老年" );
}

3.if-else可以嵌套使用

4.三目运算符
条件运算符,由于它是唯一的一个三目运算符,所以也叫三目运算符
当通过不同的条件给一个变量赋不同的值时使用
布尔表达式?表达式1:表达式2
当布尔表达式为真时,取表达式1的值,为假时取表达式2的值
result = num % 2 == 0 ? "偶数" : "奇数" ;

2.for
注意:循环体外不要使用循环控制变量!!!
//1. for语句,用于创建循环结构的代码
// for循环格式:
// for(循环控制变量声明与赋值;循环条件;循环控制变量修改){循环体}
// for循环执行流程
// 1.声明循环控制变量并赋初值
// 2.判断循环条件是否满足,若果不满足则退出循环,如果满足就执行循环体
// 3.循环体执行完毕后,执行循环控制变量修改语句
// 4.回到第2步
2.循环条件和循环控制变量修改语句一定要保证循环时可以退出,否则就是一个死循环
JS
JavaScript是一门解释型(脚本语言),弱类型,多范式的编程语言。(跟java毫无关系,甚至截然相反的)
html,css,js三者之间的关系:
html:页面中的内容(页面中有什么)
css:页面的样式(页面长什么样子)
js:页面的逻辑(页面能干什么)


pre标签 中的内容会按照原本格式显示,不再忽略多余的空格、回车制表符 ,写成什么布局,实际页面就是什么样子
<pre>
敬爱的景凌凯:
我现在在你家门口大街挖矿,捡一个月能挖1000000000¥。。。。
此致
敬礼!
</pre>
目录
相关文章
|
9天前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
|
13天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
17 1
|
17天前
|
JavaScript 前端开发 开发者
JavaScript数据类型概述及Undefined与Null详解
JavaScript数据类型概述及Undefined与Null详解
21 3
|
10天前
|
JavaScript
js【详解】typeof 运算符
js【详解】typeof 运算符
7 0
|
10天前
|
存储 JavaScript 前端开发
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
11 0
|
10天前
|
JavaScript
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
|
11天前
|
JavaScript 数据安全/隐私保护
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
14 0
|
12天前
|
JavaScript 前端开发 数据安全/隐私保护
|
12天前
|
存储 前端开发 JavaScript
|
12天前
|
JavaScript 前端开发 安全
JavaScript数据类型与类型判断
【7月更文挑战第1天】JavaScript基础涉及多种数据类型,如字符串、数字、布尔值、undefined、null、Symbol和BigInt(ES新特性)。对象、数组和函数属于引用类型。类型判断可通过typeof(不准确判断null和Array)、instanceof(检查原型链)和Object.prototype.toString方法。理解这些对编写健壮的代码至关重要。
11 0