JavaScript基本语法及各种运算解法

js基本语法介绍

1.什么是浏览器的内核？ 浏览器的内核
　　内核：负责页面内容的渲染

　　内容排版引擎 -- 解析的是HTML/CSS
　　脚本解释引擎 -- 解析JS
　　根据内核对浏览器的分类
　　浏览器 内核名 排版引擎 脚本解释引擎
　　IE Trident -（内核自带） Chakra
　　Firefox Gecko - Monkey
　　Chrome Webkit webcore V8
　　Safari Webkit webcore Nitro
　　2013之前的Opera
　　Opera presto - Carakan
　　2013~至今 Webkit webcore V8

2. js的使用方法有几种？
　　1、内联样式
　　　　<!-- 在HTML元素中直接写js代码 -->
　　　　<a href="javascript:alert('OK');">这是个超链接</a>
　　　　<!-- 在标签的时间中编写jsdiamante -->
　　　　<h1 onclick="alert('没问题！')">今天开始学习JS的基础语法！</h1>
　　2、外部样式
　　　　用法和css外部样式一样用，但是注意 导入在html的最下端，等到HTML样式加载完毕在加载js功能
　　　　<script type="text/javascript" src="js/01.js"></script>
　　3、内部样式
　　　　<script type="text/javascript">

　　　　　　/*
　　　　　　1、网页名写JS
　　　　　　document.write 通过js 在网页中书写内容
　　　　　　*/
　　　　　　document.write("<p style='color :red;'>这是通过js写的一个p标签</p>");
　　　　</script>
3、js中的数据类型
　　1、什么是数据类型？
　　　　数据类型决定了数据在内存中占据多大的位置
　　2、在js语言中怎么定义数据类型？
　　　　JavaScript属于解释性 弱类型 脚本语言，由数据值来确定数据类型。

　　1、number类型
　　　　可以表示32位的整数也可以表示64位的浮点型小数
　　　　var num = 10;整数型
　　　　var num2 = 1.01;浮点型小数 num2.tofxed(n);表示保留小数点后n位数

　　2、boolean类型
　　　　表示真和假 就两个值 true false

　　3、string类型
　　　　字符串类型必须要用""or''给引起来，可以表示一些列的文本文字字符数据。
　　　　由Unicode码字符，数字，标点符号组成。
　　　　var str = "hello world！";表示hello world！字符串

　　4、undefined 类型
　　　　访问的数据不存在 声明了变量没有赋值就使用，访问的对象属性不存在 引用数据类型
　　　　var n；没有赋值直接使用

4、数据类型之间的转换
　　一、显式转换
　　　　字符串:
　　　　　　Number(‘1’) //1
　　　　　　Number(‘1a’) //NaN
　　　　　　Number( ‘’ )(空字符串) //0

　　　　布尔类型:
　　　　　　Number(true) //1
　　　　　　Number(false) //0

　　　　　　null:
　　　　　　Number(null) //0

　　　　　　undefined:
　　　　　　Number(undefined) //NaN

　　　　数字：
　　　　　　String(123) // “123”

　　　　布尔类型：
　　　　　　String(true) // “true”
　　　　　　String(false) // “false”

　　　　　　null：
　　　　　　String(null) // “null”

　　　　　　undefined：　　
　　　　　　String(undefined) //“undefined”

　　　　布尔类型：
　　　　　　的转换除了下面的情况返回false外，其余一律返回true

　　　　　　空字符串""
　　　　　　null
　　　　　　undefined
　　　　　　数字0
　　　　　　数字NaN
　　　　　　布尔值false
　　二、隐式转换
　　　　//number + string = string
　　　　result = num + str;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));
　　　　// str + boo = ? 隐士转换：将boolean转换为string 在做运算 true转换为字符串 "true" false 转换为字符串"false"
　　　　result = boo + str;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));
　　　　// str + und = ? 隐士转换：将und转换为string 在做运算
　　　　result = str + und;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));
　　　　// 特点： 任何一种数据类型的数据，在和string做 "+"运算时，都会被转回或为string，再做运算
　　　　// num + boo =? 隐士转换：将boo转换为number类型，true为 1 false 0
　　　　result = num + boo ;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));
　　　　// num + und = NaN ( not a number) 隐士转换：尝试将und转换为number，结果转换失败，返回结果NaN
　　　　result = num + und;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));

　　　　// NaN ：not a number 不是一个数 类型为number
　　　　// 函数： isNaN(数据) 判断数据是否为 非数字类型（只判断数值，于类型无关） 如果是非数字类型返回true，否则返回false
　　　　console.log(isNaN("123"));//? true false

　　　　// boo + und =？ 隐士转换：将boo转换为number类型，true为 1 false 0 ；尝试将und转换为number，结果转换失败，返回结果NaN
　　　　result = boo + und;
　　　　console.log('结果为：' + result + ",类型为：" + typeof(result));

5、js中的变量
　　1、什么是变量？
　　　　变量是内存中的一小段存储空间，目的是为了临时的保存数据。
　　　　变量名：是内存中的别名，自己定义
　　2、变量的声明
　　　　用法：
　　　　　　var 变量名；//这是在声明一个变量
　　　　　　变量名 = 值；//这是在给变量赋值

　　　　　　注意： 虽然var可以省略，但是不要轻易的省略var关键字
　　　　　　　　省略了var表示该变量成为了 全局变量
　　3、变量命名的规范
　　　　不允许使用JS关键字以及保留字
　　　　可以包含字母、数字、下划线(_)以及$
　　　　变量名不能以数字开头

　　　　可以采用：驼峰 匈牙利命名 下划线命名....

6、算数运算符
　　+ 数字之间的运算，字符串之间的链接符
　　- 数字之间的减法运算
　　* 数字之间的乘法运算
　　/ 除
　　% 取余
　　** 幂运算
7、关系运算符
　　> 大于
　　< 小于
　　>= 大于等于
　　<= 小于等于
　　== 等于 数值大小相同
　　!= 不等于
　　var fig = "123"==123; //返回值为真
　　=== 全等于 数值类型和数值大小相同
　　var fig = "123" === 123;//返回值为假，因为数据类型不相同
　　!== 不全等于
　　所有返回值都为Boolean型

8、逻辑运算
　　作用：多个条件之间的判断关系
　　　　1、&& 多个条件都必须满足 见false则false
　　　　　　短路或：只要第一个条件 为假的话，整个表达式的结果都为假，并且不会去判断第二个条件
　　　　　　var isPass = (bi >= 60) && (++face >=60)；
　　　　　　如果bi>=60不满足，则就会断掉，不会再执行后面语句。

　　　　2、 || 满足其中一个条件 见true则true
　　　　　　短路与：只要第一个条件为真的话，整个表达式结果就为真，并且不会去判断第二个条件时
　　　　　　var isPass = (bi >= 60) && (++face >=60)；
　　　　　　如果bi>=60满足，则就会断掉，不会再执行后面语句。
　　　　3、！ 取反
　　　　　　！true=false；
9、位运算
　　　　// 只能做数字的运算，且要将数字转换为二进制，在做运算
　　　　// & 按位 与 将两边的操作数转换成为二进制，每位的数字，只要对应都是1的时候，该位的结果才为1，否则该位结果为0
　　　　var num1 = 5;
　　　　var num2 = 3;
　　　　var r = num1 & num2 ;
　　　　console.log(r);//1
　　　　/*
　　　　5: 101
　　　　3: 011
　　　　------------
　　　　r: 001
　　　　作用：判断奇偶性，比模的效率要高
　　　　判断数字与 1 做按位与 ，最后的一位 1 为奇数 0为偶数

　　　　*/
　　　　console.log( (10 & 1) === 0 );//true偶数
　　　　console.log( (9 & 1) === 0 );//false奇数

　　/*
　　　　10： 1010
　　　　1 : 0001
　　　　----------
　　　　0000
　　　　11: 1011
　　　　1 : 0001
　　　　--------
　　　　0001
　　　　*/
　　　　// | 按位 或 将两边的操作数转换成为二进制，比较每位上的数字，两个数字中有一个是1，则该位的结果就是1 ，否则 0

　　　　r = num1 | num2 ;
　　　　/*
　　　　5: 101
　　　　3: 011
　　　　------------
　　　　r: 111 7

　　　　场合：向下取整 位运算一定会将数据转换为二进制，而小数会被转换为整数
　　　　*/
　　　　console.log(r);

　　　　var num3 = 6.5;
　　　　console.log(num3 | 0);
　　　　/*
　　　　6.5 ==> 6 110
　　　　0 000
　　　　------
　　　　r 110 6
　　　　*/

　　　　// << 按位左移 ，将二进制数，向左移动几位 ，右面以0 补位
　　　　console.log(2 << 1);// 4
　　　　console.log(2 << 2);// 8
　　　　console.log(2 << 3);// 16
　　　　console.log(2 << 4);// 32
　　　　// 0000 0000 0001 0000

　　　　// >> 按位右移 将二进制数，向右移动几位，左面以0 补位
　　　　console.log(8 >> 1);//4
　　　　console.log(8 >> 2);//2
　　　　console.log(8 >> 3);//1
　　　　console.log(8 >> 4);//0

　　　　// 0000 0000 0000 0001

　　　　// ^ 异或 将两边的数字转换为二进制 进行比较，每位上的数字，只有一个为1时，该位结果才为1，否则0
　　　　r = num1 ^ num2
　　　　console.log(r);
　　　　/*
　　　　5: 101
　　　　3: 011
　　　　------------
　　　　r: 110 6
　　　　*/
　　　　// 交换num1 和num2的值
　　　　// num1 = num1 ^ num2;
　　　　num1 ^= num2;
　　　　// num2 = num2 ^ num1;
　　　　num2 ^= num1;
　　　　// num1 = num1 ^ num2;
　　　　num1 ^= num2;
　　　　/*
　　　　num1 = num1 ^ num2;
　　　　5: 101
　　　　3: 011
　　　　------------
　　　　num1: 110 6
　　　　num2 = num2 ^ num1;
　　　　3:011
　　　　6:110
　　　　------
　　　　num2: 101 5
　　　　num1 = num1 ^ num2;
　　　　6:110
　　　　5:101
　　　　--------
　　　　num1: 011 3

　　　　*/
　　　　console.log(num1,num2);// 3 5