JS组成 标识符 变量 类型转换 操作符

1.通识

1. JavaScript组成
   1. JavaScript语法
   2. DOM页面文档对象模型（浏览者和网页内容的接口）大小 颜色 等
   3. BOM浏览器对象模型（与浏览器交互的方法和接口）弹窗 scroll 等
2. 标识符（大小写敏感）
   1. 标识符
      变量 函数 属性名 函数的参数 都是标识符
   2. 标识符命名规则
      1. 字母 数字 下划线_ 美元符号$ 组成
      2. 不能以数字开头
      3. 不能使用关键字 保留字
3. 输入输出语句

alert('msg');
console.log('msg');
prompt('msg');//用户可输入

4. var是JS关键字，用来声明变量，声明后计算机自动为变量分配空间
5. JS是解释型语言（边翻译边执行），java是编译性语言（整体翻译后执行）

2. 变量

1. JS是一种弱类型（动态）语言，变量类型由右边的数据类型决定，且可变

var x=6;
x='string'；

2. 数据类型
   1. 基本数据类型 number boolean string nullvar a=null; undefined var a;
   2. 复合数据类型 object
3. Number

var num1=010;//0 八进制 
var num2=0xa;//0x十六进制
console.log(Number.MAX_VALUE);//最大值
console.log(Number.MIN_VALUE);
console.log(Number.MAX_VALUE*2）//Infinity 无穷大
console.log(Number.MIN_VALUE*2);//-Infinity 无穷小
//============NaN==========
var age=10;
typeof(age-3);	//可减
typeof(age - "string")	//不可减，为NaN
isNaN(12);	//检测是否为非数字 false
var id="10";
isNaN(id);	//true,会尝试转化为数值再判断
//任何涉及NaN的操作，如（NaN/10)都会返回NaN
//NaN与任何值都不相等，包括NaN本身

4. String
   1. 字符串拼接（字符串+任何类型=拼接后新的字符串）

console.log('string'+10);//string10
console.log('string'+true);//stringtrue
console.log('12' + 12);//1212
var age=19;
console.log('今年 '+ age +' 岁');//今年19岁

5. Boolean

var b1=true,b2=false;//true加减时当1看 false当0看
console.log(b1+1);//2
console.log(b2+1);//0
var name1;
name1="candy";//没用var关键字也可以
var age=19;
var name2="loser",age=18,address;
console.log(typeof(address));	
//undefined 声明了未赋值就是undefined，最好不要声明var lam =undefined 
console.log(address+1);
//NaN undefined和数字相加 最后都是NaN
var sam=null;
console.log('nihao'+sam);//nihaonull
console.log(sam+1);//1
console.log(true+1);//2
//null表示一个空对象指针 里面为空 如果变量准备将来用来保存对象，最好为null
//undefined值是由null值派生的，所以undefined==null返回值为true
console.log(typeof(null));//object
var age=prompt('年龄');
console.log(typeof age);//string

3. 类型转换

1. Number转换

var id="10";
var name="s\"omeon";// \转义字符
typeof(id);	//string
typeof(Number(id));	//number
typeof(Number(name));	//NaN 转换失败
//number()可以用于任何数据类型
//parseInt() 和 parseFloat()专用于把字符串转换成数值
var jim=parseInt("29px",16);//默认十进制
console.log(jim);	//28 自动把px去掉
//parseInt会忽略字符串前面的空格，直到找到第一个非空格字符
//只有数字在前面的才能成功转换，要不然就是NaN
//空字符串返回NaN
console.log("12.34.56px");	//12.34 第二个小数点无效
//parseInt和parseFloat都会忽略前面的0
//===========隐式转换 - * / ========
console.log('12'-0);
console.log('12' * 1);
console.log('12' * '3');

2. String转换

var num=123;
num.toString();
String(num);
var m;
console.log(String(m));	//undefined
var t=true;
console.log(t);	//true
//str.toString()返回的是str的一个副本，str可以是数值 布尔值 对象 字符串
//String()可以将任何类型值转换为字符串，在不知道要转换的值是不是null或undefined情况下可以用
//=============隐式转换=============
console.log(10 + '');//string

3. Boolean转换

console.log(Boolean(1));	//true
consolg.log(Boolean(''));	//false
//除0外所有数字 true
//除''外所有字符 true
//null和undefined和NaN false

4. 操作符

• //不能直接用浮点数进行运算 会有问题
  var num=0.2+0.1;
  console.log(num);//0.3000000000004
  console.log(num ==0.3);//false
  var num1=10,num2="5",num3="string";
  console.log(num1 * num2);	//50 隐式转换
  console.log(num1 * num3);	//NaN
  var str="hello";
  console.log(str+="world");
  // == 比较值是否相等
  // === 比较值和数据类型是否相等
  var x=10,y="10",z=15;
  console.log(x==y);	//t
  console.log(x===y);	//f
  console.log(x!=y);	//f
  console.log(x!==y);	//t 值相等但类型不等
  console.log(null == undefined);	//t
  console.log(null === undefined);	//f
  //三元操作符
  console.log((50>60)?"yes":"no");	//no
  console.log(55 && 3*"abc");		//NaN
  //只要有一个为NaN 返回的类型就是NaN
  var n;
  console.log(55 && n);	//undefined	
  console.log("hi" || 0);	//hi
  console.log("" || 0 || "abc");	//abc
  console.log("" || 0 || null);	//null
  console.log("" || 0 || null ||"hi");//hi
  console.log(n || NaN);	//NaN
  console.log(n || NaN || 99);	//99
  console.log(" " || m);	//undefined
  //非
  console.log(!NaN);	//true
  console.log(!null);	//true
  console.log(!!"r");	//true