美文网首页
Web前端------JS之基本语法(一)

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

作者: Peak_One | 来源:发表于2018-03-22 15:12 被阅读12次
    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

    相关文章

      网友评论

          本文标题:Web前端------JS之基本语法(一)

          本文链接:https://www.haomeiwen.com/subject/ucyaqftx.html