javascript_basic01

一、什么是javascript

简称js,是运行在javascript解释器或者特定引擎中的【解释性】【弱类型】【面对对象】的脚本语言。

二、javascript的特点

1、代码可用任何文本编辑器编写
2、不需要编译，由浏览器的js解释器自动去解释执行
3、弱类型语言
     由数据来决定数据类型是什么
       1         number    数字型
       "1"         string     字符型

       强类型语言
     先确定保存什么数据类型 才能放入什么数据

 4、面向对象的脚本语言：万物皆对象，只要是对象就具有2个成员（属性和方法）
    一切的属性和方法必须要包含在对象中才有意义

三、javascript的用途

1、客户端的数据的计算（购物车）
2、表单的数据验证（手机号验证、密码验证、邮箱验证）
3、浏览器的事件处理（点击事件...）
4、网页中所有css不能做的特效，JS都可以做
5、和服务器端进行交互 ajax

四、使用javascript

1、使用方法：2种

     (1)、在HTML页面中写入<script></script>标签 - 测试时可以使用

                 <script>
                               js代码
                 </script>

      (2)、创建一个xx.js文件，然后进行引入 - 正式开发中使用的方式

                 <script src="js/02.js" type="text/javascript" charset="utf-8">
                       一旦使用了引入的方式，就不可以在这个位置在写代码了
                 </script>

 2、js的调试语句：代码运行中，如果碰到错误，解释器将会终止本次代码执行

      (1)、在控制台输入日志：console.log(数字/字符串/表达式); ——进行代码的调试/打桩输出
      (2)、在页面上输出：document.write(数字/字符串/表达式);—— 能够认识标签/如果绑定是在某                个元素的事件上会把整个页面进行替换
      (3)、自动打开一个警告框输出：alert(数字/字符串/表达式); —— 会卡住网页，只有关闭alert才                能看到的静态页面

 3、js的语法规范：严格区分大小写

 4、js的注释：

    作用：方便自己记忆 或 提示自己/别人

          单行注释：//注释内容
          多行注释：/*注释内容*/

五、变量和常量

 1、变量

     其实变量就是一个内存，变量的值可以改变。

       (1)、语法：通过 var 关键字
            var 变量名=变量值;
         比如：
            var name="小龙人";
            var age=18;
            var hobby="运动";

        (2)、=：赋值符号：将=右边的数据保存在=左边的变量名之中
         var age=18;
         age=19;
         console.log(age);//19

        (3)、注意：

            1、如果只声明/创建/定义了，没有赋值的话，结果默认为 undefined（默认值） 
               - undefined拿来做任何事都不行（ 创建了变量一定记得赋值）
            2、创建多个变量可以连续操作：var 变量名=变量值,变量名=变量值...;
            3、取变量名尽量的要见名知意
            4、变量名不能以数字开头
            5、可以使用下划线取名法：.index_header .news_header .pro_header
            6、name其实是一个关键字，你保存在name中的东西，不管是什么数据类型，最后都会                      被变成一个字符串
            7、如果是未声明的变量直接使用，则会报错
                 如果是声明过的变量未初始化（没有第一次赋值操作），则会undefined

               以后何时使用变量：以后会经常操作到的数据，提前保存在变量中，使用变量名                                                              相当于就在使用变量的值

2、常量：一旦创建后，不允许再次修改(不会改变的量)

       语法：const 常量名=常量值;

六、运算符

1、算术运算符：+ - * / %

    前四个运算符和小时候一模一样
    特殊：
        1、%：取余(模)，两个数相除，但是不取商，而取余数
            5%2 ==> 1
            2%5 ==> 2

          作用：

               1、判断奇偶性
                num%2;//结果为0说明是一个偶数，结果为1说明是一个奇数
             
                2、获取某个数字的最后n位数
                1234 % 10; // 4
                1234 % 100;// 34

    

七、js中的数据类型

1、原始/基础/值类型：5个  

       (1)、Number - 数字
       (2)、String - 字符串，双引号或单引号都可以（"xxx" 或 'xxx'）
       (3)、Boolean - 布尔，取值只有两个，true（真） 或 false（假），多数用于判断的结果
       (4)、undefined - 默认值，没有什么作用
       (5)、null - 空，主动释放内存/变量

 2、引用/对象类型：11个对象（属性和方法）

扩展：计算机具有舍入误差

    解决：四舍五入，按自定义小数位数保留
               num.toFixed(n);//n代表你要保留的小数位数，唯一的缺点：得到的结果是一个字符串