Javascript基础（1）-介绍

1.javascrip的发展

      1994年, Netscape 发布了navigator浏览器0.9版,展示信息,但是用户不能和浏览器互动。 而后1995年有Sum公司就将Oak语言改名为java，并且大力宣传，在其后Netscape就和sum公司结盟,取名javascript。

又由一位34岁的andan 在10天内，借鉴
(1)C语言基本语言(2)java的数据类型(3)Schema的把函数提升到一等公民的地位(4)selft的原型的概念完成了javascript的最初版本。
javascript的组成
==>ECMAScript:定义了js的语法规范,描述了语言的基本语法和数据类型
==>BOM(Browser Object Model)浏览器对象模型
      +有一套成熟的可以操作浏览器的API(方法,后面讲解)
      +通过BOM操作,我们可以做弹框,浏览器跳转,页面调试…
==>DOM(Document Object Model)文档对象模型
      +有一套成熟的可以操作页面元素的API(方法,后面讲解),
      +通过DOM操作,我们可以增加一个div,改变div的样式,在里面添加内容

---

2.javascrip的基础数据

1. 数值类型（Number）
   一切数字都是数据类型（包括：十进制，二进制，十六进制）
   NaN（not a number），一个非数字
2. 字符串类型（String）
   被单引号或者双引号包裹的所有内容，都是字符串类型
3. 布尔值类型（Boolean）
   只有两个true和false
4. null类型（null）
   空的意思，只有一个值null。
5. undefined类型（undefined）

而不同的数据类型也可以相互转换
1.不同的类型转换Number类型：

1. Number（变量）：可以把一个变量强制转换成数值类型，可以转换小数点。
2. parseInt（变量）：从第一位开始检查,是数字就转换,直到一个不是数字的东西。不可转小数点
3. parseFloat（变量）：和parseInt类似，但能转一次小数点。
4. 除了加法以外的数学运算都会讲符号两边值转为数值然后运算。
   如下：此时引入

1.console.log();为在控制台显示；
2.alert();在页面出现一个弹窗；
3.document.write()；在页面显示

	<script>
        var a = '12hello';
        var b = 'ture';
        var c = '12.54';
        console.log(Number(a));//NaN
        console.log(Number(b));//NaN
        console.log(Number(c));//12.54
        console.log(parseInt(a));//12
       	console.log(parseInt(b));//NaN
       	console.log(parseInt(c));//12
       
 	 </script>

2.不同的类型转换String类型：

1. 变量.toString（）:有一些变量不能使用，如undefined和null。
2. String（变量）：可以转换一切数据类型为字符串（String）类型。
3. 使用加法运算：字符串拼接:只要+任何一边是字符串,就会是字符串拼接。只有当+两边都是数字时才会进行加法运算。

3不同类型转布尔值（Boolean）：

1. 在js中,只有"",0,null,undefined,NaN这些在转布尔的时候会转成false,其他都会转成true

---

3.javascrip的运算

• JavaScript 是一门脚本语言。
• JavaScript 是一种轻量级的编程语言。
• JavaScript 是可插入 HTML 页面的编程代码。
• JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

所以js的代码运算符相对较简单易与理解

1.数学运算符

除了加法（+）需要区分左右两边是否纯数字，如果有一个是字符串,就做拼接。其余减法（-），乘法（*），除法（/）,除余（%），都是正常运算。但js擅长小数运算。

2.赋值运算符

var a =10;//将10赋值与a
c+=2;//c=c+2
d-=2;//d=d-2
b*=2;//b=b*2;
e/=2;
f%/2;//都是相对自身的赋值运算

3.比较运算符

用来比较两个数据的值大小数据类型是否相等，输出的值为true和flase。

• （==）比较符号两边的值是否相等,不管数据类型

• （！=）比较符号两边的值是否不等,不管数据类型

• （=== / !==）判断数据类型和数值都相等/不等.

• （> < >= <=）常见的比较数值的大小，返回值都是为true和false，常用于if和while判断语句。

4.逻辑运算符

• &&
  ==>进行且的运算
  ==>符号左右两边都必须为true，才返回true
  ==>否则与假则假，遇flase返回flase
• ||
  ==>进行或运算
  ==>符号两边只要存在一个true，就会返回true
  ==>遇真则真
• ！
  ==>进行非运算，取反元素
  ==>符号后为true则返回flase，反之返回true
  ==>返回值一定为boolean值
• 扩展
  ==>！！为转成布尔值

5.自增自减运算符

• ++ 自增运算符

      >语法: 变量名++ 或者  ++变量名
             a++和++a都表示a = a + 1;
             ++ 分为前置和后置,他们是有区别的
             ++ 在前,先运算++,在取值
             ++ 在后,先取值,在运算++
  

• –自减运算符

     >语法: 变量名-- 或者  --变量名
            a--和--a都表示a = a - 1;
            -- 分为前置和后置,他们是有区别的
            -- 在前,先运算--,在取值
            -- 在后,先取值,在运算--
  

如给出一个练习

var a =2;
console.log(a++ + ++a + a++ + a);//值为3+3+5+5=16；

本文地址：https://blog.csdn.net/CallMeBY/article/details/107280710