【js基础学习一之变量、数据类型、类型转换】

js基础学习一
JavaScript:简称js
js分三个部分
 1.ECMAScript 标准 --js的基本语法
 2.DOM---Document Object Model 文档对象模型
 3.BOM---Browser Object Model 浏览器对象模型
JavaScript是什么?
 是一门脚本语言:不需要编译，直接执行
 是一门解释性语言:遇到一行代码就解释一行代码
 是一门动态类型的语言:代码(变量)只有执行到这个位置的时候,才知道这个变量中到底存储的是什么,如果是对象,就有对象的属性和方法,如果是变量就是变量的作用
 是一门基于对象的语言
 是一门弱类型语言:声明变量时都用var

js作用:解决用户和浏览器之间的交互问题

js书写位置
 1.在html的文件中，script的标签中写js代码
 2.js代码可以在html的标签中写
 3.在js文件中可以写js代码，但是需要在html的页面中引入script的标签中的src="js的路径"

js代码注意问题
 1.在一对script的标签中有错误的js代码，那么该错误的代码后面的js代码不会执行
 2.如果第一对的script标签中有错误，不会影响后面的script标签中的js代码执行
 3.script标签一般放在body后面

变量:存储数据或者操作数据
变量声明：有var 有变量名字 没有值 var num;
变量初始化 有var 有变量名字 有值 var num=5;
变量的声明和赋值
var num =10;

变量交换的三种方式
1.使用第三方变量
var num1=10;
var num2=20;
var temp =num1;
num1=num2;
num2=temp;
console.log(num1);
console.log(num2);
2.一般适用于数字的交换
 var num1=10;
var num2=20;
num1=num1+num2;//30
num2=num1-num2;//10
num1=num1-num2;//20
console.log(num1,num2);
3.位与运算
var num1=10;
var num2=20;
num1=num1^num2;
num2=num1^num2;
num1=num1^num2;

数据类型
number:数字类型(整数和小数）
string:字符串类型(的值一般用单引号或者双引号括起来)
boolean:布尔类型（true(真1),false(假0)）
null:空类型,值只有一个:null,一个对象指向为空了，此时可以赋值为null
undefined:未定义,值只有一个undefined
注:什么情况下的结果为undefined
变量声明了，没有赋值，结果为undefined
函数没有明确返回值，如果接收了，结果为undefined
如果一个变量的结果为undefined和一个数字进行计算，结果:NAN(not a number 不是一个数字）,也没有意义
eg var num;
   console.log(num+10);//NaN --not a number 不是一个数字

如何获取这个变量的数据类型是什么？
typeof （变量名）
eg:var num=10;
console.log(typeof num);//number

数字类型:
八进制已0开头
十六进制已0x开头

isNaN: not a number 不是一个数字时返回true,是数字时候返回false
console(isNaN(10));//false
var num;
console(isNaN(num+10));//true

字符串类型
1.获取字符串长度 变量名.length 
var str="hello js";
console.log(str.length);
2.字符串拼接：使用+拼接
3.隐式转换：浏览器帮助我们自动的把字符串类型转化成数字类型
var str1="10";
var str2=5;
console.log(str1-str2);

类型转换
一.其他类型转数字类型
1.parseInt();//转整数;
  console.log(parseInt("10"));//10
  console.log(parseInt("10afrswfdsf"));//10
  console.log(parseInt("g10"));//NaN
  console.log(parseInt("1fds0"));//1
  console.log(parseInt("10.98"));//10
  console.log(parseInt("10.98fdsfd"));//10
2.parseFloat();//转小数
  console.log(parseFloat("10"));//10
  console.log(parseFloat("10afrswfdsf"));//10
  console.log(parseFloat("g10"));//NaN
  console.log(parseFloat("1fds0"));//1
  console.log(parseFloat("10.98"));//10.98
  console.log(parseFloat("10.98fdsfd"));//10.98
3.Number();//转数字
  console.log(Number("10"));//10
  console.log(Number("10afrswfdsf"));//NaN
  console.log(Number("g10"));//NaN
  console.log(Number("1fds0"));//NaN
  console.log(Number("10.98"));//10.98
  console.log(Number("10.98fdsfd"));//NaN
二.其他类型转字符串
 1.   .toString();
   var num=10;
   console.log(num.toString());
 2.String();
 var num1=20;
 console.log(String(num1));

 如果变量有意义调用.toString()转换
 如果变量没有意义使用String()转换
 var num2=null;
 console.log(String(num2));//null(字符串类型)

三.其他类型转布尔
Boolean(值)
console.log(Boolean(1));//true
console.log(Boolean(0));//false
console.log(Boolean(11));//true
console.log(Boolean(-10));//true
console.log(Boolean("哈哈"));//true
console.log(Boolean(""));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false

操作符
三元运算符
eg 获取两个数的最大值
var num1=10;
var num2=20;
var sum =num1>num2?num1:num2;

字面量:把一个值直接赋值给一个变量
var num=10;