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>
目录
相关文章
|
2月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
140 59
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
51 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
71 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
1月前
|
JavaScript
js运算符
js运算符
21 5
|
1月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
22 1
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
51 6
JavaScript基础知识-流程控制之for循环
|
1月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
19 0
|
2月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
46 2
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
41 2
JavaScript基础知识-基本数据类型和引用数据类型
|
1月前
|
JavaScript 前端开发
JavaScript 运算符全知道
JavaScript 运算符全知道
50 0