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');//用户可输入
  1. var是JS关键字,用来声明变量,声明后计算机自动为变量分配空间
  2. JS是解释型语言(边翻译边执行),java是编译性语言(整体翻译后执行)

2. 变量

  1. JS是一种弱类型(动态)语言,变量类型由右边的数据类型决定,且可变
var x=6;
x='string'
  1. 数据类型
    1. 基本数据类型 number boolean string nullvar a=null; undefined var a;
    2. 复合数据类型 object
  2. 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本身
  1. String
    1. 字符串拼接(字符串+任何类型=拼接后新的字符串)
console.log('string'+10);//string
console.log('string'+true);//string
console.log('12' + 12);//1212
var age=19;
console.log('今年 '+ age +' 岁');//今年19岁
  1. 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));	//typeof age
//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);//1
//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');
  1. 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
  1. 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
    
发布了33 篇原创文章 · 获赞 5 · 访问量 3396

猜你喜欢

转载自blog.csdn.net/ChristWTF/article/details/104147064