Web前端------JS之基本语法(一)

JS的五种输出方法

1. alert():界面弹出对话框，只有确定一个按钮

   
   alert.png

2. confirm():界面弹出对话框，有确定、取消两个按钮

   
   confirm.png

3. console.log():浏览器控制台输出信息

   
   console.png

4. prompt(“提示信息”):以对话框的方式，获取用户输入的信息

   
   prompt.png

5. document.write():在网页上显示信息内容，可以输出HTML格式的信息，当然也可以不带有HTML格式。

   
   写法.png
   界面显示.png

变量

通过var关键字来定义，不区分类型，但是严格区分大小写。命名规范与一般程序的命名规范一致。
分为显示命名和隐式命名两种方式

• 显示命名，通过var关键字来进行声明,例如：
  var sum=1;
for(var n in sum);
• 隐式命名：使用即命名，不通过var声明，而是直接使用，例如：
  aVar=100; /*档avar未被声明时，一下语句将隐式的声明该变量*/

基本数据类型

* undefined:未定义:未声明的变量，或者声明过但未赋值的变量的值，会是undefined。也可以显式或者隐式地给一个变量赋值为undefined.
* number:数值类型
* string：字符串，不能直接读取或者修改字符串中的单一字符，用单引号或者双引号进行表示
* boolean:布尔类型，true/false
* function:函数，引用类型
* object:对象，引用类型。但是在js中多态
* null：空值，表示将变量或者对象销毁，C语言中的空指针。

typeof关键字可以用来获取变量或者常量的数据类型，有三种方式使用;typeof str 或者typeof (str) 或者typeof “abc”

注意：在运算过程中会出现NAN，数字跟字符串相减的过程中，NAN：not a number，但是NAN是数字类型。
Infinity:数字除以0得到Infinity，表示无限大。

Date对象和Math方法

基本使用：区分大小写，Date():

<script type="text/javascript">
    var mydate=new Date();
    alert(mydate);
</script>

输出结果：

date.png

常用方法：

• getDay():返回当前周几
• getMonth():返回当前月份
• getFullYear():返回当前年份
• getHours():放回当前小时
• getMinutes():返回当前分钟
• getSeconds();返回当前秒

Math对象的基本使用：

Math.ceil();

常见方法：

• ceil():天花板函数，向上舍入
• random():随机函数，返回0-1之间的小数。
• floor():地板函数，向下舍入
• max():取两个数的最大值
• min():取两个数的最小值
• pow(x,y):返回学x的y次方
• round(x):返回x的四舍五入

数据类型转换

1. 数字类型转字符串

• String()

  var n1=String("123");
  

• 变量.toString()

  var n2=n1.toString();
  

2.字符串转数字类型

• Number()

  var n2=Number("123");
  

  ★数字类型的字符串，转换之后得到的数字。
  ★非数字字符串，转换之后得到是NaN。
  ★小数类型的字符串，转换之后得到的是原数字。

• parseInt()

  var n2=parseInt("123");
  

  ★整数数字类型的字符串，转换之后得到的整数数字。
  ★数字开头的字符串，转换之后得到的是前边的数字。
  ★非数字开头的字符串，转换之后得到的是NaN。
  ★小数类型的字符串，转换之后取整。

• parseFloat()

  var n2=parseFloat("1.23");
  

  ★整数数字类型的字符串，转换之后得到的整数数字。
  ★数字开头的字符串，转换之后得到的是前边的数字。
  ★非数字开头的字符串，转换之后得到的是NaN。
  ★小数类型的字符串，转换之后得到的是原数字。
  3.转布尔类型

• Boolean()

  var n2=Boolean(n1);
  

  ★数字和字符串转完之后为true。
  ★undefined、null、0转完之后为false.
  4.运算过程中的数据类型转换

  在运算过程中，程序自己进行的数据转换(程序员没有操作)
  一般最终类型有第一个运算类型所决定。
  

运算符

1.逻辑运算符

• 逻辑运算只有2个结果，一个为true,一个为false.
• ◆且&&
• ★两个表达式为true的时候，结果为true.
• ◆或||
• ★只要有一个表达式为true,结果为true.
• ◆非！
• ★和表达式相反的结果。

2.等号运算符

• “=”赋值运算符
• “==”只判断内容是否相同，不判断数据类型。
• “===”不仅判断内容，还判断数据类型是否相同。
• ！= 只判断内容是否不相同，不判断数据类型。
• ！==不全等于 不仅判断内容是否不相同，还判断数据类型是否不相同。

欢迎关注我的个人微信公众号，免费送计算机各种最新视频资源！你想象不到的精彩！

0.jpg