js base

5.15js基础学习

 * 1.什么是js
 * 2.如何运行
 * 3.如何编写和调试js
 * 4.变量
 * 5.常量
 * 6.数据类型
 * 7.运算符和表达式

1.什么是js

专门编写交互的程序语言

2.如何运行

浏览器：内容排版引擎 js解释引擎

内容排版引擎：专门解析HTML和渲染css的软件

js解释引擎：专门解释，并执行js程序的软件

解释：默认从上向下，读一行，执行一行。后读到的相同内容，会覆盖先读到的

脚本：不需要预编译，边解释边执行的程序

3.如何编写和调试js

1.独立安装的js解释器中
2.调试js程序：都是在console中

4.变量

内存中存储一个数据的存储空间，再起一个名字
1.声明 var 变量名仅声明，但暂未赋值，默认值为undefined
2.赋值 var 变量名=值在声明同时，初始化变量的值
3.取值 console.log(变量名)

var sname = "好";
sname1 = "好1";  //未声明的变量也可赋值     强烈建议使用var声明
console.log(sname);
console.log(sname1);
//console.log(sname2);
// 未声明的变量不可使用取值    报错Uncaught ReferenceError: sname2 is not defined

5.常量

一旦初始化，值不能改变的量
const 常量名 = 值; 常量名都要用大写名称

const PI = 3.1415926;
console.log(PI);

6.数据类型

2大类：原始类型的值和引用类型的对象

原始类型: Number String Boolean undefined null

引用类型：值没有直接保存在变量本地的类型变量中只保存指向实际数据所在位置的地址值

隐式转换：无需程序员干预，而自动完成的转换

强制转换：程序员主动调用专门函数完成的转换

//数据类型
var num = 11;
var str = "11";
var bool = true;
var und;
var nu = null;
console.log(typeof num);    //Number
console.log(typeof str);    //String
console.log(typeof bool);   //Boolean
console.log(typeof und);    //undefined
console.log(typeof nu);     //object           null 常被放在期望一个对象

//隐式转换
console.log(num+str);           //"1111"
console.log(typeof(num+str));   //string

console.log(num+bool);          //12
console.log(typeof(num+bool));  //Number

console.log(str+bool);          //11true
console.log(typeof(str+bool));   //string

//强制转换
console.log(String(num));       //"11"  万能
console.log(num.toString());    //"11"  无法转换null和undefined

console.log(Number(str));       //11
console.log(Number(bool));      //1
console.log(parseInt(str));     //11    但无法转换boolean类型

console.log(Boolean(str));      //true      除了：""   0    NaN   undefined   null -->false ；其余都为true

7.运算符和表达式

程序：人的想法在计算机中的执行步骤

算数运算符：+ - * / % ++ -- 返回值：只能是number，如果运算无效，返回NaN

%模运算(取余数)：m%n : m/n，取除不尽的余数部分

关系运算：做比较，比大小返回值：true、false

如果无法转为数字：转为NaN
如果两个都是字符串，则按位pk每个字符的unicode号

逻辑运算：多个条件(关系运算)，综合得出最后的结论只可能返回true/false
&&: 读作且，程序中称为"逻辑与"
||: 读作或，程序中称为"逻辑或"
!: 读作不，程序中称为"非"

短路逻辑、位运算、赋值运算、三目运算

除数为0：js中除数可以为0，结果为: Infinity
Infinity，可参与关系运算
isFinite(num): 专门判断一个数字是否在有效范围内

eval: 专门执行字符串格式的js语句
还可计算字符串格式的表达式的值

var n = 1;
console.log(n++);   //1     返回旧值
//    console.log(++n);   //2     返回新值

var a=3;
console.log(a++ + ++a + a++); //13
            /*3  +  5  +  5 */
console.log(a);//6

var snum = 101;
console.log(snum%10);   //1

//短路运算
var n = 100;
var m = 20;
var b = n+m>100 && n-m<50;
console.log(b);     //false;

//位运算

n = n<<2;
console.log(n); //400
console.log(n.toString(2));  //转为2进制之后左移2位

//三目运算
var max = n>m ? n : m; //如果n > m 将n的值赋予 max 否则将m 赋予
console.log("max="+max);

//infinity 判断
var num1 = 1/0;
console.log(num1);    //Infinity
var finite= isFinite(num1);
console.log(finite);      //false

//eval  执行字符串语句
eval("var x=20,y=20;document.write(x+y)");  //40