JS基础一

输出消息的几种方式

  • 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;
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,529评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,015评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,409评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,385评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,387评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,466评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,880评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,528评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,727评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,528评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,602评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,302评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,873评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,890评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,132评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,777评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,310评论 2 342

推荐阅读更多精彩内容