javascript

javascript

 1.组成

    核心语法(ECMAscript,ES)

    文档对象模型(Document Object Model,DOM)一套操作页面元素的API

       DOM可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作;

    浏览器对象模型(Borowser Object Model,BOM)弹出框,控制浏览器跳转,获取分辨率等一套操作浏览器功能的API

javascript 特点

   1 任何编辑工具都可以编辑javascript ,语法类似与java  c ... 

   2   无需编译

      3弱类型语言(由值来决定数据类型)

 2.基于对象的编程语言

  java 面向对象的语言(面向过程:亲力亲为,自己的事情自己做;面向对象:委派多人去帮你做多件事)  

  JavaScript发展到现在几乎无所不能。

     1.网页特效 客户端数据计算 表单验证 非空验证 数据范围验证 浏览器事件的触发和处理

     2.服务端开发(Node.js)服务器的异步数据提交(ajax)

     3.命令行工具(Node.js) 

        4.桌面程序(Electron)

      5.App(Cordova)

     6.控制硬件--物联网(Ruff)

     7.游戏开发(cocos2d-js)

javascript 和 HTML、css的区别

    HTML 提供网页结构

    CSS为网页化妆美化

    JavaScript用来控制网页内容,给网页添加动态效果

使用JavaScript

    1.JavaScript书写位置

      CSS:行内样式,内联样式,外部样式

    JavaScript :行内,内联,外联

      A:行内样式

      <input type="button" value="按钮" onclick="alert('Hello World')" />

      B:内联(写在script标签中)script标签可以在html中任意位置

      <body>

        <script>

        alert("hollo world");

        </script>

      </body>

      C:外联(引用外部js文件的script的标签中不可以写代码)

       <script src="js文件地址"></script>

    2.语句

      被JavaScript引擎解释执行的一句代码

      组成:表达式,关键字,运算符

      运算符:+,-,*,/,%,>........

      表达式:由一个或多个运算符以及一个或多个操作数组成的。如1+2,

      特点:以分号表示结束

      console.log();

      document.write();

      window.alert();

      习惯,一行只写一条语句

      注意:严格区分大小写;

      console.log();

      console.Log();错误

3注释

  单行注释//

  多行注释/*...........*/

4 变量

  内存:临时性保存计算机程序运行过程中要用到的数据

  TB->GB->MB->KB->B->bit

  8bit=1b;

  1kb=1024b;

  硬盘:永久性保存数据 0x000000000000000000a13247aaccxx

    4.1什么是变量

    就是内存中的一段空间,用于保存程序运行过程中要用到的数据。就是存储数据的容器。

    4.2为什么要使用变量

    使用变量可以方便地获取修改内存中的数据

    4.3 什么是变量名

    内存空间的一个别名,为了方便记忆。即变量的名字

    4.4如何使用变量 到内存中开辟一段空间用于保存数据

    语法:var 声明变量

     var age;

    变量的赋值

    将数据保存进变量

    运算符:=赋值运算符

    语法:

      变量名=值;

    var username;

    username="张无忌";

    初始化:声明变量并赋值

    var 变量名称=值;

    注意:没有被赋值的变量 自动取值为undefined

    var name;

    var age;

    var hobby;

    一条语句中声明多个变量

    var name,age,hobby;

    var name="张三丰" ,age=30;

4.5变量名命名规范

  1.要求

       1.1不允许使用关键字及保留关键字命名

      标准关键字:eg:var,function,if,for,true,false...

      保留关键字:class,int ,float,double...

      1.2命名规范

        a,可以包含字母数字下划线$

        b,不能以数字开头

        c,不允许重复

        d,尽量见名知意

4.6 变量使用注意问题

    1,未初始化变量的使用

      只定义未赋值,变量值为undefined

      未定义,使用错误 not defined

    2,在可能情况下,变量声明时尽量初始化

      var age=10;

    3,将变量的声明和赋值分开操作

      var name;

      name="";

    4,对变量进行的存取操作

      1、设置变量的值(赋值,存)

      var name="张三丰"

        name = name+""; ==> name+="";

        特殊:
          var i=10;
          i++;
          ++i; ==> i=i+1;
          注意:赋值时,=的左边一定是变量

      2、获取变量的值(取值)
          var uname="张无忌";
          console.log(uname);

          var newName = uname;
          uname : 取值操作(=右边使用)
          newName : 赋值操作(=左边使用)

5、运算符
    1、算数运算符
      +,-,*,/,%
      %:取余(模),计算两个数字相除后的余数
      5%2 结果为 1
      3%5 结果为 3

    2、常用场合:
        1、获取数字的最后一位
        1234
        1234%10=123 ... 4
        1234%100 = 12 ... 34

        2、判断奇偶性 或 判断 是某数字的倍数
        58 % 2 结果是否为 0?

    +:

      1.求和:数字类型的数字求和

      2.""与+连用,作用是追加

6数据类型

    1.什么是数据类型

      保存在内存中的数据的类型,根据不同类型内存开辟出的空间也不一样

    2数据类型

     1、原始类型(基本类型)

        1.number类型

          数字:可以表示32位的整数,或64位8字节的浮点数

           浮点数:小数

           var age;

            age = 12;//number

         2,string类型

          字符串

          一系列的文本数据

          注意赋值时必须使用""或''扩起

          var username="张三丰"

           特殊字符,可以通过转义字符实线

         3.boolean布尔型

          只表示肯定或否定的数据

          值:true(真)或false(假)

          使用场合:作为程序的条件判断

          在于number类型做运算时,true=1,false=0

        4.null类型

          表示空;

         5.undefined类型

          未定义

          表示不存在的数据

    2.引用类型

      object对象;

posted @ 2019-02-26 19:49  Zs夏至  阅读(192)  评论(0编辑  收藏  举报