引用类型

基本类型与引用类型的区别

基本类型是保存在栈内存中的简单数据段,大小固定。
引用类型是保存在堆内存中的对象,变量中保存的是指针,指向内存中另一个位置,大小不固定。

基本类型值有哪些?引用类型值有哪些?

基本类型值:undefined,null,number,string,boolean。
引用类型值:object,array,date,regexp,function,基本包装类型。

Object类型

创建对象的常用两种方法
  • new Object(),借用原生构造函数;
  • 通过对象字面量

推荐使用对象字面量方式创建对象,字面量初始化直接赋值,效率更高;代码量少,给人一种封装数据的感觉。

访问对象属性和方法的两种常用方法
  • 点表示法 .
  • 方括号表示法 []
对比

点表示法使代码更严谨,方便,少写好几个字符。是主流的写法。
方括号表示法主要优点属性可以是变量,关键字,保留字,错误的字符。

Array类型

创建数组的两种常见方式
  • 调用原生构造函数(Array())
  • 使用数组字面量
优缺点对比

和对象的两种方式一样

创建一个包含只含数字20的数组
  • new Array(20)的解决方案
    new Array(20)创建的是一个长度为20的数组
var arr = new Array("20");
get20 = parseInt(arr[0]);
  • var get20 = [20];
检测数组方式的对比(选讲)
  • isArray()
  • 其他

数组各种方法

  • 转换方法

  • tolacaleString() // 转换为本地字符串,时间类型比较常用

  • toString() // 转为传统字符串,常用

  • value of() // 输出本身的值

  • join() // 以不同的分隔符来分割数组

  • 栈方法
    分析栈的特性,后进先出

  • push() // 添加到数组末尾,返回数组长度

  • pop() // 删除并返回数组最后一项

  • 队列方法
    与栈方法相反,先进先出

  • shift() // 删除并返回数组第一项

  • unshift() // 在数组前端添加任意项并返回新数组的长度

  • 重排序方法

  • reverse() // 反转

  • sort() // 按照字符编码的顺序从小到大排序,想按照数字顺序方法可以借比较函数

把比较函数的例子列几个出来

  • 操作方法

  • concat() // 创建一个数组的副本,并把参数加到副本最后

  • slice() // 返回指定位置到数组末尾的所有项,不会影响原数组

  • splice() // 最强大的方法,删除,插入,替换

  • 位置方法

  • indexOf()

  • lastIndexOf()

  • 迭代方法
    解释迭代是什么意思? 按顺序访问列表(数组)中每一项

  • every()

  • filter()

  • forEach()

  • map()

  • some()

  • 归并方法

  • reduce()

  • reduceRight()

    • 两个方法都接受两个参数,第一个参数为回调函数,回掉函数接受四个参数:
      前一个值,当前值,当前项的索引,目前数组对象。
    • 有兼容性

Date类型

直接写一个获取时间的例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="time"></div>
    <script type="text/javascript">
        (function time() {
            var oTime = document.getElementById('time');
            var now = new Date();
            var year = now.getFullYear();
            var month = now.getMonth() + 1;
            var day = now.getDate();
            var hour = now.getHours();
            var minute = now.getMinutes();
            var second = now.getSeconds();
            var timer = null;

            
            oTime.innerHTML = year+"年"+month+"月"+day+"日"+hour+"点"+minute+"分"+second+"秒";
            timer = setInterval(time,1000);
            
            function check(t) {
                if(t < 10) {
                    return "0"+t;
                }
            }
        })();
    </script>
</body>
</html>

RegExp类型

创建正则表达式的两种方式
  • var reg1 = new RegExp("pattern","flags") // 借用原生正则构造函数
  • var reg2 = / pattern / flags; // 正则字面量

优先使用字面量,使用正则字面量的时候需要对特殊字符进行转义(\),

function类型

函数的内部属性 this

函数运行时,会自动生成一个内部属性(this指针),代表调用当前函数的对象;

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

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,054评论 0 1
  • 本章内容 使用对象 创建并操作数组 理解基本的 JavaScript 类型 使用基本类型和基本包装类型 引用类型的...
    闷油瓶小张阅读 681评论 0 0
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,233评论 0 4
  • 一场骤雨,慌乱了街头 风宣告了自由,呼啸而过 我被孤独围困,在喧闹的路口 四散逃窜的行人,各顾各的存活 袭来无边的...
    若臆阅读 327评论 0 6
  • 下载下载链接:https://www.golangtc.com/download 默认放到/user/local/...
    田佳伟阅读 3,531评论 0 0