JS基础随笔(菜鸟必看篇)

 更新时间:2016年07月13日 11:05:57   投稿:jingxian  
下面小编就为大家带来一篇JS基础随笔(菜鸟必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在学习的过程中总会一次次的冒出以前囫囵吞枣的地方,下面将今天学到的一下知识点记录下来方便以后查看。

JavaScript中的数据类型

简单(基本)数据类型:Number、String、Boolean、Undefined、Null

复杂(引用)数据类型: Object、Array、Date、function等

下面介绍一下简单(基本)数据类型和复杂(引用)数据类型的区别:

简单数据类型:在栈内直接存储值,如下图所示     

                                     

复杂数据类型:在栈内存储引用,如下图

    

在了解以上两种数据类型的存储方式之后可以区分两者的不同,可通过做以下的练习:

var a =10;
  var b = a;
  //问:当改变a的值后,b的值是否发生改变
  a=20;
  console.log(b);  // 10 
var s1 = new Object();
var s2 = s1;
//问:改变s1的属性后,s2相同的属性是否改变
s1.name = "mh";
console.log(s2.name);    //mh
function f2(arr)
     {
       arr = [9,8,7,6,5];//产生新的对象
       arr[0]=-100;
     }
     var array = [1,2,4,7,5];
     f2(array);
     console.log(array[0]);//  1

JavaSript中的变量提升,function声明以及变量作用域

首先先看以下下面的一道面试题:

var num = 10;
    fun();
    function fun()
    {
      console.log(num);
      var num =20;
    }

在没有学习之前我会直接回答为10,现在学习JavaScript中的预编译概念知道了var关键字的提升概念以及function的声明概念知道了以上代码与下面代码等量:

var num;//全局作用域  遇到var和function 提升
     function fun() {
       var num ;  //局部做用户 遇到var 提升
       console.log(num);
       num =20;
     }
    num = 10;
    fun();

再看下面这道题:

//问题:为什么会出现下面的错误?
      //Uncaught TypeError:fnName is not a function

      console.log(fnName(1,2));
      var fnName = function (a,b) {
        return a + b;
      }

以上代码等同于以下代码:

var fnName;
      console.log(fnName(1,2));
      fnName = function (a,b) {
        return a + b;
      }   

可以看到因为function在等号右面所以只会对var进行提升,从而会报“Uncaught TypeError:fnName is not a function”错误。

了解变量的作用域可以看以下代码:

f1();
        console.log(c);
        console.log(b);
        console.log(a);
        function f1() {
          var a = b = c = 20;
          console.log(c);
          console.log(b);
          console.log(a);
        }

对于var a=b=c=20; 这类连续赋值,在局部作用域内只会对a再声明,而b、c的作用域为全局作用域。所以只有全局作用域内的a报错为"Uncaught ReferenceError: a is not defined"。

以上这篇JS基础随笔(菜鸟必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Javascript继承机制详解

    Javascript继承机制详解

    JavaScript的继承在很多书里面细致的分了很多种类型和实现方式,大体上就是两种:对象冒充、原型方式。这两种方式各有优点和缺陷,这里我先列举出来,再从底层分析区别
    2017-05-05
  • JavaScript中Function()函数的使用教程

    JavaScript中Function()函数的使用教程

    这篇文章主要介绍了JavaScipt中Function()函数的使用教程,是JavaScipt入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 简介JavaScript中strike()方法的使用

    简介JavaScript中strike()方法的使用

    这篇文章主要介绍了简介JavaScript中strike()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JavaScript 基础问答 四

    JavaScript 基础问答 四

    JavaScript 下拉菜单中的链接
    2008-12-12
  • javascript学习指南之回调问题

    javascript学习指南之回调问题

    回调函数被认为是一种高级函数,一种被作为参数传递给另一个函数(在这称作"otherFunction")的高级函数,回调函数会在otherFunction内被调用(或执行)。回调函数的本质是一种模式(一种解决常见问题的模式),因此回调函数也被称为回调模式。
    2016-04-04
  • javascript作用域和作用域链详解

    javascript作用域和作用域链详解

    这篇文章主要为大家介绍了javascript作用域和作用域链,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 带你快速理解javascript中的事件模型

    带你快速理解javascript中的事件模型

    这篇文章主要介绍了javascript中的事件模型,其中包括了DOM0级事件模型和DOM2级事件模型(事件捕获和事件冒泡和DOM2级的注册事件和解除事件),需要的朋友可以参考下
    2017-08-08
  • 每日十条JavaScript经验技巧(一)

    每日十条JavaScript经验技巧(一)

    本文是每日十条JavaScript经验技巧系列文章的第一篇,给大家汇总介绍一些在JavaScript使用过程中的注意事项,非常的简单,都是个人在平时项目中的一点小小的总结,希望对大家能够有所帮助
    2016-06-06
  • JavaScript中的Repaint和Reflow用法详解

    JavaScript中的Repaint和Reflow用法详解

    这篇文章主要介绍了JavaScript中的Repaint和Reflow用法详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-07-07
  • 浅谈JavaScript 标准对象

    浅谈JavaScript 标准对象

    下面小编就为大家带来一篇浅谈JavaScript 标准对象。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论