零基础JavaScript学习【第一期】

博主有话说:太久没更新啦,这是第一期零基础Javascript学习专栏的blog,对新手非常友好。

个人空间:GUIDM的个人空间

专栏内容:零基础JavaScript学习

基础还是关键。

欢迎大家的一键三连。

Day1-关于一些输出输入,变量,数据类型的介绍。


目录

基础知识

输入/输出

变量的使用

变量的使用简单例子

语法扩展

 命名规范

简单案例:

数据类型

数据类型分类

Number数值型

数值型范围

isNaN( ):

String字符串型

字符串长度

 字符串的拼接

简单案例

 Boolean布尔型

 Undefined未定义数据类型

Null空值


基础知识

输入/输出

prompt( ):输入框(从prompt中获得的值都是字符型)

alert( ):弹出警示框(展示给用户看的)

console.log( ):控制台打印输出(给程序员看的)

<script>
      prompt('请输入一个数字');
      alert(12);
      console.log(12);
</script>

prompt():

0c3ad689d6af47659b8f8a7b41fbda96.png

alert:

4637886afd8c49e78a563a92eef647ce.png

console.log:

0c4a0bded9c34af689bf7d866116c84c.png


变量的使用

1、声明变量:var 变量名;

2、变量赋值:变量名=?;

3、变量名的初始化:var 变量名=?;

变量的使用简单例子

1、弹出一个输入框,提示用户输入姓名。

2、输出名字。

<script>
    var myname=prompt('请输入姓名');
    alert(myname);
</script>

184f16162ce54e6994324add9216058d.png

fb6a3a0ccd9f4b7db4c978059f1443ac.png


语法扩展

1、更新变量:变量值将以最后一次赋值为准。

2、一次可以声明多个变量,用英文逗号隔开。

var name=zh,age=10,size=11;

3、声明变量的特殊情况

①只声明不复制,输出结果为undefined。

var sex;
console.log(sex);

373f00c3e36c4cdb9d12bb1e0bf3433a.png

②不声明不赋值,会报错。

console.log(sex);

 f836fbf9973b435ca71c68240b42785a.png

 ③不声明只赋值(可出结果,但不推荐使用。)

age=10;
console.log(age);

 1b6d3dbb2f414d65a104edef533e7b02.png


 命名规范

1、由字母、数字、下划线(_)、美元符号($)组成。

2、区分大小写,不以数字开头,不能是关键字、保留字。

3、变量名必须有意义。

4、遵守驼峰命名法:首字母小写,后面单词的首字母需大写。如:myFirstName


简单案例:

交换两个变量的值:

思路:使用一个临时变量,将第一个值放到临时变量中,将第二个值放到第一个值中,再将临时变量里的值放到第一个值中。

<script>
   var temp;//临时变量
   var apple1='red';
   var apple2='green';
   temp=apple1;
   apple1=apple2;
   apple2=temp;
   console.log(apple1);
   console.log(apple2);
</script>

0dad5759e04647b4b86218796f5cbb3c.png


数据类型

Javascript是一种弱类型/动态语言。

js的变量数据类型是只有在程序运行中,根据符号右边的值来判断的,是可以变化的。

数据类型分类

简单数据类型:Number、Boolean、String、Undefined、Null。

Number数值型

如:

var age=10;

①八进制(数字前加0为八进制)0~7

 var age=010;
 console.log(age);

a4795014710c4fc9b10bf6a73e7bb1a6.png

②十六进制(0x表示十六进制)0~9,a~f

var age=0x9;
console.log(age);
var age1=0xa;
console.log(age1);

ed6d3bd3e617463a91358ba8f226f571.png

数值型范围

最大值:

console.log(Number.MAX_VALUE);

最小值:

console.log(Number.MIN_VALUE);

无穷大:

console.log(Number.MAX_VALUE*2);//Infinity

无穷小:

console.log(Number.MIN_VALUE*2);//-Infinity

 非数字:(得不出结果的值)以下是个例子

console.log('name'-100);//NAN

isNaN( ):

判断非数字,并且返回一个值,若是数字返回False;若不是返回True。

console.log(isNaN(12));//Fales
console.log(isNaN('name'));//True

String字符串型

转义字符
\n 换行
\\

斜杠‘\’

\' 单引号'
\" 双引号"
\b 空格
\t tab缩进

字符串长度

".length":获取字符串的长度。

console.log(str.length);

 字符串的拼接

字符串+其他类型相拼接=字符串

数值型+数值型=数值型

字符型+数值型=字符型

var age=10;
console.log('karry'+age+'岁');//karry10岁

简单案例

1、弹出一个输入框,让用户输入一个值。

2、把用户的值用变量保存起来。

3、用alert语句弹出警示框,显示用户输入的值。

var age=prompt('请输入您的年龄');
var str='您今年'+age+'岁了';
alert(str);

0aa69b2e9a024ecfb754ab199483d256.pngc7b6f8ac615845808893bda275e940a7.png


 Boolean布尔型

只有两个值:true/false

布尔型和数值型相加时,true=1,false=0。

console.log(true+1);//2
console.log(false+1);//1

 Undefined未定义数据类型

如果一个变量声明未赋值,则是Undefined数据类型

var str;
console.log(str);//undefined

 undefined+字符型=字符型

undefined+数值型=NaN

var variable=undefined;
console.log(variable+'name');//undefinedname
console.log(variable+1);//NaN

69a0b54b998e4719b0094b53ed2e2eb5.png


Null空值

就是空的啥也没有。

 null+字符型=字符型

null+数值型=数值型

var space=null;
console.log(space+'name');//nullname
console.log(space+1);//1

猜你喜欢

转载自blog.csdn.net/m0_61901625/article/details/124772807