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>
目录
相关文章
|
8天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
1月前
|
JavaScript 前端开发
JavaScript 中有哪些数据类型?
JavaScript 中有哪些数据类型?
18 3
|
1月前
|
JavaScript
JS常用数据类型转换
JS常用数据类型转换
13 1
|
1月前
|
存储 JavaScript 前端开发
javascript的8中数据类型
javascript的8中数据类型
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
1天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
3天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4
|
26天前
|
JavaScript
js开发:请解释什么是ES6的扩展运算符(spread operator),并给出一个示例。
ES6的扩展运算符(...)用于可迭代对象展开,如数组和对象。在数组中,它能将一个数组的元素合并到另一个数组。例如:`[1, 2, 3, 4, 5]`。在对象中,它用于复制并合并属性,如`{a: 1, b: 2, c: 3}`。
12 3
|
1月前
|
XML JavaScript 前端开发
vue项目中使用bpmn.js详细流程(结合activiti版)
vue项目中使用bpmn.js详细流程(结合activiti版)
36 0
|
1月前
|
JavaScript