javascript基础学习第一天

Javascript 发展过程:

1.出现:为了解决用户和游览器之间的交互。

2.概念:基于对象和事件驱动,运行在游览器客户端的脚本语言。

    -js在游览器中运行的。(js引擎:执行js代码)

    -事件:就是用户的一个具体动作

    -对象:抽象的一个容器(保存数据)

3.作用:

  -做游戏开发。

  -数据统计

  -地理定位

4.组成:

  基本语法(ECMAscript)

  DOM(Document Object Model)将整个HTMl文档抽象成一个对象(通过js操作该对象,实现js操作网页特效)

  BOM:将游览器抽象一个对象通过js操作游览器。

学习JavaScript路径:

1.书写位置:

  -外联式(实际开发):

  首先将js代码单独放到一个js文件中(test.js)其次要将js文件引入到网页中(script)

  列如:<script src='test.js'></script>

  注意:

    1.推荐将<script src='test.js'></script>放到body标签末尾

  -内嵌式写法:将js代码直接卸载HTML网页中(通过script标签)

  列如:<script>

      js代码...

      </script>

  注意:

    1.外联式写法和内嵌式写法不能合写。

     2.一个网页中可以同时使用外联式,也可以使用内嵌式。

     3.建议将内嵌式写法放到body标签的末尾处。

    -行内式写法:(少用)

    直接将js代码写到标签内部

     <div 事件名称 = 'js代码'></div> 

    例如:onclick(点击事件)

2. js在网页中输出消息

  alert(‘内容’):在游览器中弹出窗口的形式输出消息

  document.write(‘内容’);在网页body中输出消息

    总结:  

      1.document.write()可以在网页中输出具体的文字内容

      2.document.write()还可以在网页中输出具体的HTML标签

  console.log(‘今天开始学习js’):在游览器控制台中输出消息

  一般在调试代码的时候,会使用console.log()

  prompt(‘请输入您的用户名’);用来接收用户输入的消息

  confirm(‘消息’);获取用户具体操作(确定操作或者取消操作)

  注意:  

  1.在js中区分字母大小写的

  2.建议在一段js代码接收后,加“;”

  3.js中单行注释://    多行注释 :/*  */

3.变量(重点):保存数据的

  概念:在程序中机遇是用来保存数据的一种容器。

  使用:

    定义变量

    var + 自定义的变量名称;

    给变量赋值

     变量名 = 值

    注意:

     1.‘=’     -------> 叫赋值运算符

     2.赋值运算的执行过程:首先 执行‘=’右侧的代码,然后将右侧的结果赋值给左侧的变量

     3.当我们输出消息的时候,如果输出的是变量,不要加引号,否侧需要添加引号

     4.一个变量一次只能保存一个值,最后一次赋值结果。

     5.可以在定义变量的时候直接给变量赋值

      6.可以同时定义多个变量并赋值,使用逗号隔开即可

      例如:var username = 'zs', pwd = '123';

    变量的命名规则:

      1.不许使用纯数字或者以数字开头定义变量。

      2.不建议使用汉字定义变量

      3.不许以纯特殊字符或者以特殊字符开头定义变量(‘_’或者‘$’)除外

      4.不许使用关键字定义变量名

        关键字:在js中具有特殊含义的单词

      5.不建议使用保留字定义变量

      6.定义变量的过程中,变量名中间不许出现空格

    交换两个变量的基本思想:

    1.先找一个临时变量保存一个值

    2.然后通过给变量赋值最后实现交换

4.数据类型:指的是变量的数据类型

    简单数据类型

        1.数字类型(number)

           总结:

            ☞ 只要一个变量中保存的值是数字(整数,小数,负数)

            ☞ 如果是数字类型的变量相加,最后的结果就是一个数字

            ☞ 数字类型中最大值获取方式:Number.MAX_VALUE
            ☞ 数字类型中最小值获取方式:Number.MIN_VALUE

          2.字符串类型(string);

              总结:

               ☞只要一个变量中保存的值使用了单引号或者双引号

               ☞如果有字符串的变量相加,最后的结果就是字符串类型的结果

          3.布尔类型(boolean):

            总结:

              只要一个变量中的值是true或者false

              true:代表正确的(条件满足)

              false:代表错误的(条件不满足)

              一般在条件判断语法结构中会使用true|false

            4.undefined类型:只要一个变量的值是undefined或者没有给变量赋值

              总结:

                如果一个变量没有赋值,那么该变量的默认值就是undefined。

           复杂数据类型:

              1.object :对象

 

      5. 如何通过程序判断当前变量的数据类型?

      ypeof(变量) ===》 得到的结果就是当前变量的数据类型。

      例如:
      var n1 = undefined;
      alert(typeof(n1));

      6. 数据类型转换

      ✔ 显示类型转换(强制类型转换):通过js中提供的类型转化方法,最后实现的数据类型转换
      1. 将其他数据类型转换为数字类型
      Number()

      总结:
      ☞ 通过Number(变量)可以将其他数据类型转换成数字类型

      ☞ 如果变量的值就是一个数字形式的字符串,通过 Number(变量)最后可以转换为 数字类型

      ☞ 如果是一个非数字的字符串类型通过 Number(变量)转换后,可以转化为数字类 型,最后的结果是NaN

NaN: not a number -----> 数据类型是 数字类型(number)

☞ 如果将undefined转为数字类型后,最后的结果也是 NaN


☞ 如果将布尔类型转换为数字类型后,得到的结果就是数字 1 或 0;

parseInt()

总结:
☞ 通过 parseInt() 可以将其他数据类型转为数字类型

☞ 转换数字类型过程中,只会保留整数部分


parseFloat()

总结:

☞ 通过 parseFloat()将其他数据类型转为数字类型

☞ 如果小数位是数字,那么就将整个小数保留下来

☞ 如果小数位非数字,那么直接保留整数位


2. 将其他数据类型转换为字符串类型

☞ 变量.toString()

☞ String(变量)

总结:
1. 如果要转换为字符串类型,建议使用.toString();

2. String()方法可以将任何的数据类型都可以转为字符串类型

3. 将其他数据类型转换为布尔类型

☞ Boolean()

☞ 总结:
1. 如果变量的值是: 空字符串,0, NaN, null,undefined ==> 结果都是false

2. 除了以上结果外,最后都转化为true

✔ 隐式类型转换:在js中,通过数学运算过程,变量的数据类型发生了改变


总结:
1. 所有的算数运算都可以实现隐式类型转换
2. 如果字符串在进行相加过程中(拼接字符串)

7.算数运算符

+
总结:
1. 如果是数字类型的变量相加,最后的结果就是数字类型
2. 如果是非数字类型的字符串相加,最的结果是字符串类型(起到的是一个拼接的作用)

拼接字符串:
1。 会用到 + 号
2. 加号左右两侧至少有一个是字符串

-
总结:
1. 如果是数字类型的变量相减,最后的结果就是数字类型
2. 如果是数字类型的字符串相减,最后的结果也数字类型(隐式类型转换)

*
总结:
1. 在程序中乘号(*)不能省略

/

总结:
1. 如果是数字类型的变量相除,最后的结果就是数字类型

2. 如果0作为除数,那么最后的结果是Infinity,对应的数据类型是数字类型

%(取余)


8.判断是不是数字

isNaN(变量) ---》 如果返回的结果是true代表不是数字
如果返回的结果是fals代表是数字


今日总结
1. 定义变量及给变量赋值

2. 判断当前变量的数据类型(数字,字符串,布尔,undefined)

3. 知道如果通过程序的方式判断数据类型

4. 知道如何实现数据类型的转化

5. 知道如何判断一个变量是不是数字

      

        

猜你喜欢

转载自www.cnblogs.com/szq123/p/11223198.html