Js基础语法
1.输入输出语句
输入输出语句
prompt(info) 浏览器弹出输入框，用户可以输入
console.log(msg) 浏览器控制台打印输出信息，在后台打开才能查看f12
alert(msg) 浏览器弹出警示框
2.变量
变量的作用，初始化，命名，交换
变量：其是程序在内存中申请的一块用来存放数据的空间
变量的命名：var 变量名
初始化 var 变量名=值
赋值：变量名=值
变量值以最后一次的赋值为准
声明多个变量：var 变量1，变量2，.....；
变量只声明不赋值结果是？
不声明不赋值报错
不声明直接赋值使用可以正常使用
命名规范：变量名的命名严格区分大小写不能以数字开头 由字母 数字 下划线 $组成 不能是关键字 遵守驼峰命名首字母小写后面的单词首字母大写 userName 变量名必须有意义建议使用词典翻译
<script>
var name=prompt('请输入姓名');
alert('欢迎'+name);
var myname='qimukkx';
var age=18;
var address='hyc';
var emaill='[email protected]';
var gz=2000;
console.log(myname);
console.log(age);
console.log(address);
console.log(emaill);
console.log(gz);
</script>
练习：交换两个变量的值
<script>
var a=100;
var b=200;
var c;//临时变量
c=a;
a=b;
b=c;
console.log(a);
console.log(b);
</script>
3.数据类型
一、简单数据类型：
1. number 数字型默认值 0 八进制前加0十六进制前加0x Number.MAX_VALUE,Number.MIN_VALUE
isNaN(需要判断的数)方法判断是否非数字、
2. string 字符型默认值" " ，外双内单，内双外单，\n换行\\斜杠\'单引号\"双引号\t缩进\b空格
变量名.length求字符串的长度
字符串的拼接使用+(数值相加字相连）
alert('hello'+' '+'world');//hello world
alert('100'+'100');//100100
alert('11'+12);//1112
案例：用户输入年龄弹出警示框输出年龄
<script>
var age=prompt('请输入年龄');
var str='你'+age+'岁啦！';
alert(str);
</script>
3. Boolean布尔型 默认false
布尔型参与运算时true相当于1，false相当于0
4. undefined变量只声明没有给值，也可以直接作为值,其和数字相加直接报错
5. Null空值其与数字相加还是数字
typeof 数据 判断数据类型
prompt取过来的值是字符型
二、复杂数据类型：object
三、数据类型的转换
1.转化为字符型
变量.tostring();
String(变量);
利用+拼接实现转换效果
2.转化为数字型
parseInt(string);//parseInt('120px')结果是120//parseInt('re10')结果是NaN
parseFloat(string);
Number(string)//强制转换
隐式转换将字符型和数值型做运算
案例：简单加法器
<script>
// var age = prompt('请输入你的出生年份');
// var a = 2021 - age;
// alert(a);
var age = prompt('输入第一个数');
var age1 = prompt('输入第二个数');
var age2=parseFloat(age)+parseFloat(age1);
alert(age2);
</script>
3.转化为Boolean型
Boolean(' ');
Boolean(0);
Boolean(NaN);
Boolean(null);
Boolean(undefined);
以上转换都为false其他都是true
4.标识符，关键字与保留字
标识符：不能是关键字或者保留字
关键字：break,case,catch,continue,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with等
保留字：预留的关键字后面使用
boolean,byte,char,class,const,double,enum,export,extends,float,goto,implements,import,int,interface,long,private,protected,public,short,static,super,synchronized,throws,transient,volatile
5.运算符强调
1.逻辑与
表达式1&&表达式2
如果第一个表达式的值为真，则返回表达式2
如果第一个表达式的值为假，则返回表达式1
2.逻辑或
表达式1||表达式2
如果第一个表达式的值为真，则返回表达式1
如果第一个表达式的值为假，则返回表达式2
6.案例：输入一个数 如果小于10则在前面加0
var num = prompt('请输入一个数');
var result= num<10 ? '0'+num:num;
alert(result);
7.案例：利用for循环打印正 反三角形
反三角
var num=prompt('请输入打印的行数');
var str='';
for(var i=1;i<=num;i++){
for(var j=i;j<=num;j++){
str=str+'*';
}
str=str+'\n';
}
console.log(str);
正三角
var num=prompt('请输入打印的行数');
var str='';
for(var i=1;i<=num;i++){
for(var j=1;j<=i;j++){
str=str+'*';
}
str=str+'\n';
}
console.log(str);
8.函数的声明
2.7 函数的两种声明方式
-
自定义函数方式(命名函数)
利用函数关键字 function 自定义函数方式
// 声明定义方式 function fn() { ...} // 调用 fn();- 调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面
-
函数表达式方式(匿名函数）
利用函数表达式方式的写法如下：
// 这是函数表达式写法，匿名函数后面跟分号结束 var fn = function(){ ...}； // 调用的方式，函数调用必须写到函数体下面 fn();- 因为函数没有名字，所以也被称为匿名函数
- 这个fn 里面存储的是一个函数
- 函数表达式方式原理跟声明变量方式是一致的
- 函数调用的代码必须写到函数体后面