zoukankan      html  css  js  c++  java
  • JavaScript学习第一篇

    在学习之前让我们了解了解JavaScript的由来

      Javascript是一种web技术,最初起名叫LiveScript,它是Netscape开发出来一种脚本语言,其目的是为了扩展基本的Html的功能,用来替代复杂的CGI程序来处理web页表单信息,为web页增加动态效果。当Java出现以后.Netscape和Sun公司一起开发了一种新的脚本语言,他的语法和Java非常的类似,所以命名为:Javascript.

      在扩展一下ECMA:它是由Microsoft,Netscape(网景公司)和其它脚本语言商决定成立一个国际组织,并将其命名为ECMA,改组织专门从事脚本语言标准的制定,ECMA制定的脚本语言被称为ECMAScript

    有人肯定在想JavaScript和ECMA有什么关系?

      他们的关系就是所有的javascript都遵循ECMA的标准。就好像html4.0网页头部声明符合W3C规范一样。

    一、JavaScript介绍

      js是一门在客户端进行交互的网页编程语言

      特点:简单易用 ,基于对象:,基于过程:

      解释执行: js js引擎来执行源代码

      编译执行: Java c# 源代码 ==>可执行文件.dll ==>电脑执行.dll课执行文件

      使用范围:表单验证,轮播图特效,游戏开发

    二、JavaScript书写位置

      内嵌式写法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    <script type="text/javascript">
        alert("hello world");
    </script>
    </head>
    <body>
        
    </body>
    </html>

      外链式写法 

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
     <script type="text/javascript" src="XXXX.js"></script> 
    </head>
    <body>
        
    </body>
    </html>

    新建一个js文件
    通过script标签里的src=”xxxx.js”属性将JS文件调入到当前页面。补充内嵌式写法:推荐Js代码最好放在body结束标签的后边。补充外链式写法:推荐将多个js文件合并为一个js文件在浏览器中执行。

    三、Js初体验

      在页面中输出消息的几种写法

      alert(“信息”)   在页面出现一个弹出框,将信息弹出。
    
      confirm(“信息”) 在页面出现一个弹出框,将信息显示,常与if判断语句结合使用。
    
      prompt(“信息”)  弹出一个文本框,可以在文本框接收内容。常用于接收信息。
    
      console.log(“信息”)将信息输出到控制台,常用于代码调试。
    
      document.write(“信息”) 直接在页面输出消息。

      代码注释

        快捷键:ctrl+/:单行注释   //、多行注释/*   */

      分号的问题:一行代码结束后,必须在后边加上分号。 

    四、变量(重点)

      定义变量:定义变量使用var  来定义变量名。使用赋值运算符来给变量赋值

        赋值运算符赋值运算符为“=”,这个等号不用判断两者是否相同。如果判断是否相同,可使用==(===)

      变量的命名规范:

        不能使用纯数字或者数字开头来定义变量名。

        不推荐使用汉字来定义变量名。

        不能使用特殊符号或者特殊符号开头来定义变量名(_除外)

        不能以关键字来定义变量名

        不能使用保留字来定义变量名

        注意:在JS中,是严格区分大小写的。

    五、数据类型

        简单类型

          number     数字类型

            包括正数,负数,小数

              取值范围:能表示的最大值是±1.7976931348623157乘以10的308次方,能表示的最小值是±5 乘以10的-324次方

           string     字符串

            凡是用””或者’’引起来的全是字符串类型。

             转义字符:
              \” 转双引号
              \’ 转单引
              \r 回车
              \n 换行

           boolean    布尔类型:布尔数据类型两个数据值: true false、实际运算中,true 代表1 false代表0;

           undefined   未初始化: 定义了变量,未赋值。

           null  : object(值为空)   引用为空,    内存里找不到这个变量。

        复杂类型:object   对象、array    数组

    六、运算符

      1、比较运算符:<  >    >=   <=   !=

      2、算术运算符

        加运算:+ :两个数据类型都为数字类型变量相加,得到的是数字类型。一个为数字类型的变量和一个为字符串类型的变量相加,得到的是一个字符串类型,加号起一个连接的作用。

        减运算:- :如果两个变量都为数字类型相减,得到的是数字类型。如果一个为数字类型的变量,一个为数字字符串,相减得到的是数字类型。如果一个为数字类型的变量,一个为非数字字符串,相减得到的NaN,数字类型。NaN  not   a  number。两个都为字符串的变量相减,得到的是NaN.

        除运算 /:两个都为字符串的变量相减,得到的是NaN.两个都为数字类型的变量,相除得到的是数字类型。如果一个为数字类型的变量,一个为数字字符串变量,相除得到的是数字类型。如果一个为数字类型的变量,一个为非数字字符串,相除得到的NaN,数字类型。如果0作为除数,得到的是infinity(无限大),是一个数字类型。

        %  取余数:() 优先级  先计算()括号里边的值。  

      3、逻辑运算符

        或(||):参与运算,只要满足一个为true,或运算最后的值为true、参与运算的值都为false,或运算最后的值为false.

          且(&&):参与运算,只要满足一个为false,或运算最后的值为false、参与运算,都为true的时候,且运算最后的值为true.

          非(!):如果运算结果为true,非运算结果为false、如果运算结果为false,非运算结果为true.

      四、等号运算符

        “=”  赋值预算符

        “==” 比较运算符:只判断内容是否相同,不判断数据类型。

        “===” 比较运算符:不仅判断内容是否相同,还判断数据类型是否相同。

        “!=” 不等于:只判断内容是否不相同,不判断数据类型。

        “!==” 不等于:不仅判断内容是否不相同,还判断数据类型是否相同。

      五、代码调试(重点)和三元运算符

        代码调试(重点)

          先让程序运行一遍
          快捷键f12

          添加监控变量
            1:鼠标放到变量上可以看到值
            2:选中变量,右键add to watch
            3:点击加号,添加监控变量。

        三元运算符

          语法     表达式?如果表达式的值为true,执行表达式后边的代码,如果值为false,执行冒号后边的值。

          三元运算符可以理解为if..else的另外一种写法。

  • 相关阅读:
    每日总结3.8
    Go中定时器实现原理及源码解析
    Go语言实现布谷鸟过滤器
    详解Go语言调度循环源码实现
    Go语言中时间轮的实现
    详解Go语言I/O多路复用netpoller模型
    详解Go中内存分配源码实现
    Go中由WaitGroup引发对内存对齐思考
    【分享】java精品实战教程
    nginx实战教程
  • 原文地址:https://www.cnblogs.com/wxblogs/p/7805077.html
Copyright © 2011-2022 走看看