JS基础,基本数据类型,运算符,基本流程控制-阿里云开发者社区

开发者社区> 景凌凯> 正文

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.循环条件和循环控制变量修改语句一定要保证循环时可以退出,否则就是一个死循环
JavaScript是一门解释型(脚本语言),弱类型,多范式的编程语言。(跟java毫无关系,甚至截然相反的)
html,css,js三者之间的关系:
html:页面中的内容(页面中有什么)
css:页面的样式(页面长什么样子)
js:页面的逻辑(页面能干什么)


pre标签中的内容会按照原本格式显示,不再忽略多余的空格、回车制表符 ,写成什么布局,实际页面就是什么样子
<pre>
敬爱的景凌凯:
我现在在你家门口大街挖矿,捡一个月能挖1000000000¥。。。。
此致
敬礼!
</pre>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Nodejs基础:路径处理模块path总结
在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。部分因为文档说的不够清晰,部分因为接口的平台差异性。 将path的接口按照用途归类,仔细琢磨琢磨,也就没那么费解了。
3912 0
《UNIX环境高级编程(第3版)》——2.8 基本系统数据类型
历史上,某些UNIX系统变量已与某些C数据类型联系在一起,例如,历史上主、次设备号存放在一个16位的短整型中,8位表示主设备号,另外8位表示次设备号。但是,很多较大的系统需要用多于256个值来表示其设备号,于是,就需要一种不同的技术。
1036 0
Java基础-23总结多线程,线程实现Runnable接口,线程名字获取和设置,线程控制,线程安全,同步线程
你需要的是什么,直接评论留言。 获取更多资源加微信公众号“Java帮帮” (是公众号,不是微信好友哦) 还有“Java帮帮”今日头条号,技术文章与新闻,每日更新,欢迎阅读 学习交流请加Java帮帮交流QQ群553841695 分享是一种美德,分享更快乐! 1:多线程(理解) (1)多线程:一个应用程序有多条执行路径 进程:正
2758 0
Java 中基本类型和字符串之间的转换
Java 中基本类型和字符串之间的转换 在程序开发中,我们经常需要在基本数据类型和字符串之间进行转换。 其中,基本类型转换为字符串有三种方法: 1. 使用包装类的 toString() 方法 2.
596 0
Html和JS基础
1.body:bgcolor,background(背景图片),bgproperities=fixed(图片水印),text(正文颜色)。 2.hr:水平分割线,正文标题自动换行了 3.
579 0
JSP 杂项基础知识
1.JSP九大内置对象 2.建立JSP后,将PageEncoding改为ContentType  pageEncoding是jsp文件自身的编码方式,而contentType是服务器发给客户端时内容的编码 3.
649 0
+关注
景凌凯
有点尴尬唉 你要寻找的东西已经被吃掉啦!
45
文章
1366
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载