JavaScript学习

简介: 输入输出

 基础知识

输入/输出

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

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

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

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



变量的使用

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

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

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

变量的使用简单例子

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

2、输出名字。

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



语法扩展

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

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

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


3、声明变量的特殊情况

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

var sex;
console.log(sex);

image.gif

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

console.log(sex);


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

age=10;
console.log(age);



命名规范

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>

image.gif


数据类型

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

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

数据类型分类

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

Number数值型

如:

var age=10;


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

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


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

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


数值型范围

最大值:

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

image.gif

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);

image.gif


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




Null空值

就是空的啥也没有。

null+字符型=字符型

null+数值型=数值型

varspace=null;
console.log(space+'name');//nullnameconsole.log(space+1);//1



目录
相关文章
|
5月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
5月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
253 2
|
6月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
226 0
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
122 4
js学习--制作猜数字
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
222 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
244 5
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
123 7
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
12月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
134 2