JS基础一
2017-05-16 本文已影响282人
简简简简简书
输出消息的几种方式
-
alert在页面弹出一个对话框 -
confirm在页面弹出对话框有确定和取消，有返回值（bool）。 -
console.log将信息输入到控制台。 -
prompt弹出对话框接受用户用户输入信息 -
document.write输出到页面，支持嵌套标签
变量
var a;//变量定义，这个时候a是undefined，
a = "sss";//变量赋值，a是string类型。所以var只代表定义变量。
数据类型
简单数据类型
Number 数字类型，包括正数负数和小数
var a = 123;
String 字符串，双引号单引号的都是字符串
var a = '123';
var b = "123";
Boolean 布尔数据类型，非零即真
var a = 1;
var b = "1";
alert(a == b);//双等号只判断值是否相等，不判断类型，所以true
alert(a === b);//三等号值和类型都判断，false
//!= 和 !==是跟 == 和 === 相对的
Date和Math函数
Date
var myDate = new Date();
console.log(myDate);//获取当前标准时间
console.log("获取当前是周"+ myDate.getDay());//星期日是0
console.log("获取当前月份是"+ (myDate.getMonth() + 1) +"月");//从12月开始
console.log("获取当前日期是"+ myDate.getDate() +"号");
console.log("获取当前年份是" + myDate.getFullYear() +"年");
console.log("获取当前小时是" + myDate.getHours() + "时");
console.log("获取当前分钟是" + myDate.getMinutes() + "分");
console.log("获取当前秒是" + myDate.getSeconds() + "秒");
console.log("获取当前毫秒是" + myDate.getMilliseconds() + "毫秒");
console.log("获取从1970/01/01午夜累计的毫秒数是" + myDate.getTime() + "毫秒");//时间戳
//定义指定时间(定义格式兼容性比较好)
var newDate = new Date("2018/05/05 00:00:00");
console.log(newDate);
Math
var n1 = 12;
var n2 = 1.23;
var n3 = 3.98;
var n4 = -12.01;
//天花板函数
alert(Math.ceil(n2));//向大数方向取整，无论是1.几都会输出2
alert(Math.ceil(n4));//负数向上取整，所以是12
//地板函数
alert(Math.floor(n2));//向下舍入 输出1
alert(Math.floor(n4));//向下舍入 输出-13
alert(Math.max(n1,n2));//比较大的，取大
alert(Math.min(n1,n2));//比较小的，取小
alert(Math.pow(n1,n2));//n1的n2次方
alert(Math.round(n3));//四舍五入
alert(Math.random());//返回0-1随机数
数据类型转换
数字转字符串
var n1 = 123;
alert(String(n1) + typeof(String(n1)));
alert(n1.toString() + typeof(n1.toString()));
字符串转数字
var n1 = "123";
var n2 = "mysdjskd";
var n3 = "23abc";
var n4 = "1.23";
字符串转数字
Number
alert(Number(n1));
alert(Number(n2));//不能转
alert(Number(n3));//不能转
alert(Number(n4));//转成原数字
//parseInt
alert(parseInt(n1));
alert(parseInt(n3));//会把前面数字识别出来 输出23
alert(parseInt(n4));//取整，
//parseFloat
alert(parseFloat(n1));
alert(parseFloat(n3));//会把前面数字识别出来 输出23
alert(parseFloat(n4));//能输出小数
布尔类型转换
//非零即真
alert(null);//null,0, undefined都是false
alert(Infinity);//无穷大,true
隐式类型转化
var n1 = 12;
var n2 = "3";
var n3 = n1 - n2;
var n4 = n1 + n2;
alert(n3 + typeof(n3));//运算时候再转，由于转成字符串也无法计算
alert(n4 + typeof(n4));//倾向于字符串
函数
getSum();//函数可以先执行
function getSum() {
var sum = 0;
for (var i = 0;i <= 100;i ++){
sum += i;
}
alert(sum);
}
//函数名可以覆盖,所以执行下面的
function getSum() {
alert(33);
}
//带参数
function add(a,b) {
alert(typeof (a));//单个的变量不知道是什么的时候都是undefined
alert(a + b);//当两个变量相加的时候不知道的回事NaN
}
add(1,2,1);//多余的实参函数不管，继续执行
add();//因为没有传任何参数，a+b不知道是什么所以NaN
//求斐波那契数列第n个数的值
function feibonaqie(n) {
if (n <= 2){
return 1;
}
var arr = [1,1];
for (var i = 2;i < n;i++){
arr[i] = arr[i - 1] + arr[i - 2];
}
return arr[n - 1];//返回就return关键字
}
alert(feibonaqie(13));
//递归
function feibonaqie(n) {
if (n <= 2){
return 1;
}else {
return feibonaqie(n - 1) + feibonaqie(n - 2);
}
}
alert(fff);//函数名就是函数，所以会把整个函数输出
alert(fff());//由于没有返回值，所以undefined
function fff() {
var a = 1;
}
匿名函数
//匿名函数
//直接调用
(function () {
alert(1);
})();
//绑定事件
document.onclick = function () {
alert(2);
}
//定时器
setInterval(function () {
console.log(1);
},1000);
回调函数
//回调函数
//既然函数名就是函数整体，那么可以吧函数名当做参数传递
function addValue(a,b) {
return a + b;
}
function demo(a,b,fn) {
return fn(a,b);
}
console.log(demo(1,2,addValue));
局部变量和全局变量
//全局变量
function fn() {
var a = b = c = 1;
var d = 1;e = 1;f = 1;
var g = 1,h = 1,i = 1;
b,c,e,f是隐式全局变量，剩下全是局部变量
}
fn();//一定执行了才能被创建,bcef才能使被访问得到，否则会报错
console.log(b);
console.log(c);
console.log(e);
console.log(f);
预解析
预解析：js的解析器再页面加载的时候，首先检查页面上的语法错误，把变量声明提升起来，变量只提升变量名不提升变量值，而用function直接定义的方法是整体提升的
1,查看语法错误。
2,变量声明提升(只提升变量名不提升变量值)和函数整体提升
3,函数范围内一样适用
console.log("a"+ "=" + a + ";" +"b" + "=" + b);//a和b的值是undefined
var a = 100;
var b ;
fn();//函数一样执行
function fn() {
alert(1);
console.log(a);//就近原则问题,当局部变量也存在a，不会用上边的变量，所以打印是b的值是undefined
console.log(c);//变量提升再函数内部一样适用，所以打印b的值是undefined
var c = 100;
var a;
}
