javascript,检测 object 对象中是否存在某个属性

5,684 阅读20分钟
原文链接: www.talkingcoder.com

撸js基础之对象www.ferecord.com/lujs-object…

继之前js中数组的常用方法之后,Object的常用方法和属性也是很常用的。故,总结之。 
一、属性 
Object自带一个prototype的属性,即Object.prototype,Object.prototype本身也是一个对象,也会有一些属性和方法。如下: 
1、属性 
Object.prototype.writable:默认为false 
Object.prototype.enumerable:默认为false 
Object.prototype.configurable:默认为false 
Object.prototype.constructor:用于创建一个对象的原型。 
2、常用方法 
Object.prototype.hasOwnProperty():返回一个布尔值,表示某个对象是否含有指定的属性,而且此属性非原型链继承。
Object.prototype.isPrototypeOf():返回一个布尔值,表示指定的对象是否在本对象的原型链中。
Object.prototype.propertyIsEnumerable():判断指定属性是否可枚举。
Object.prototype.toString():返回对象的字符串表示。
Object.prototype.watch():给对象的某个属性增加监听。
Object.prototype.unwatch():移除对象某个属性的监听。
Object.prototype.valueOf():返回指定对象的原始值。
二、方法 
Object.assign(target, …sources):把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。
Object.create(proto,[propertiesobject]):创建一个拥有指定原型和若干个指定属性的对象。
Object.defineProperties(obj, props):在一个对象上添加或修改一个或者多个自有属性,并返回该对象。
Object.defineProperty(obj, prop, descriptor):直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。obj:需要定义属性的对象。prop:需定义或修改的属性的名字。descriptor:将被定义或修改的属性的描述符。
Object.entries(obj):返回一个包含由给定对象所有可枚举属性的属性名和属性值组成的 [属性名,属性值] 键值对的数组,数组中键值对的排列顺序和使用for…in循环遍历该对象时返回的顺序一致。 
举例: 
var obj = { foo: “bar”, baz: 42 }; 
console.log(Object.entries(obj)); // [ [‘foo’, ‘bar’], [‘baz’, 42] ]
Object.freeze(obj):冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可写性。也就是说,这个对象永远是不可变的。该方法返回被冻结的对象。
Object.getOwnPropertyDescriptor(obj, prop):返回指定对象上一个自有属性对应的属性描述符。
Object.getOwnPropertyNames(obj):返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性)组成的数组。 
举例: 
// 类数组对象 
var obj = { 0: “a”, 1: “b”, 2: “c”}; 
console.log(Object.getOwnPropertyNames(obj).sort()); // [“0”, “1”, “2”]
Object.getPrototypeOf(object):返回该对象的原型。
Object.is(value1, value2):判断两个值是否是同一个值。
Object.isExtensible(obj):判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。
Object.isFrozen(obj):判断一个对象是否被冻结(frozen)。
Object.isSealed(obj):判断一个对象是否是密封的(sealed)。密封对象是指那些不可 扩展 的,且所有自身属性都不可配置的(non-configurable)且属性不可删除的对象(其可以是可写的)。
Object.keys(obj):返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用for-in循环遍历该对象时返回的顺序一致 
举例: 
var arr = [“a”, “b”, “c”]; 
alert(Object.keys(arr)); // 弹出”0,1,2”
// 类数组对象 
var obj = { 0 : “a”, 1 : “b”, 2 : “c”}; 
alert(Object.keys(obj)); // 弹出”0,1,2”
Object.preventExtensions(obj):让一个对象变的不可扩展,也就是永远不能再添加新的属性。
Object.setPrototypeOf(obj, prototype):将一个指定的对象的原型设置为另一个对象或者null
Object.values(obj):返回一个包含指定对象所有的可枚举属性值的数组,数组中的值顺序和使用for…in循环遍历的顺序一样。 
举例: 
var obj = { foo: “bar”, baz: 42 }; 
console.log(Object.values(obj)); // [‘bar’, 42]







function Site(){
    this.name = "CodePlayer";
    this.url = "http://www.365mini.com/";

    this.sayHello = function(){
        document.writeln("欢迎来到" + this.name);
    };}
var s =  new Site();
document.writeln( Site.prototype.isPrototypeOf(s) ); // true



1.1 字符串
判断是否包含某个字符串
indexOf方法中,找到相关字符串会返回第一次出现的下标。没有找到就会返回-1,利用这个特性可以判断字符串是否存在。

console.log('Fine'.indexOf('in') !== -1)  // true

把字符串按照一定规则分离成数组
下面是以空格为分割标志。

console.log('I seek you'.split(' '))  // ["I", "seek", "you"]

复制指定位置的字符串
传入的两个参数分别是开始的位置和结束的标记。看清楚,第二个参数本身的小标所表示的内容不会被复制,第二个参数是用来标记,这里是结束位置。

console.log('I seek you'.slice(2,6))  // seek
console.log('I seek you'.substring(2,6))  // seek

拼接字符串

console.log('I seek you'.concat(' too.'))  // I seek you too.

查看字符串中的字符

console.log('I seek you'[0])  // I
console.log('I seek you'.charAt(0))  // I

1.2 对象
判断属性是自己的还是继承来的
使用in不能判断属性是自己的还是继承来的,使用hasOwnProperty可以。

var xiaoming = {
  name: 'xiaoming'
}
使用in不能判断属性是自己的还是继承来的
---------------------------------
'name' in xiaoming  // true
'toString' in xiaoming  // true
---------------------------------
xiaoming.hasOwnProperty('name')  // true
xiaoming.hasOwnProperty('toString')  // false

判断对象是否可枚举

xiaoming.propertyIsEnumerable()  // false

判断对象是另一个对象的原型

var People = function (name) {
    this.name = name
}
var xiaoming = new People('xiaoming')


Human.prototype = monkey
monkey.isPrototypeOf(man)

1.3 原型
__proto__是实例对象的属性
prototype是构造函数的属性
constructor指向构造函数IE中不存在__proto__,推荐使用ES5的Object.getPropertyOf()访问。

typeof [].__proto__  // "object"
Object.getPrototypeOf([])  // [constructor: function, toString: function, toLocaleString: function, join: function, pop: function…]
[].constructor.prototype

原型继承

var People = function (name,age) {
  this.name = name
  this.age = age
}
xiaoming = People.prototype
xiaoming.constructor = xiaoming

比较两个对象是否是属性值相等:

var obj1 = {
    name: "Benjamin",
    sex : "male"
}

var obj2 = {
    name: "Benjamin",
    sex : "male"
}
console.log("obj1 == obj2 :");
console.log(obj1 == obj2);
function isObjectValueEqual(a, b) {
        var aProps = Object.getOwnPropertyNames(a);
        var bProps = Object.getOwnPropertyNames(b);
        console.log("aProps"); console.log(aProps);
        console.log("bProps"); console.log(bProps);
        if (aProps.length != bProps.length) {
            return false;
        }
        for (var i = 0; i < aProps.length; i++) {
            var propName = aProps[i];
            if (a[propName] !== b[propName]) {
                return false;
            }
        }
        return true;
    }
console.log( "isObjectValueEqual(obj1,obj2):");
console.log( isObjectValueEqual(obj1,obj2));


检测对象中属性的存在与否可以通过几种方法来判断。

1.使用in关键字。

该方法可以判断对象的自有属性和继承来的属性是否存在。

var o={x:1};
"x" in o;            //true,自有属性存在
"y" in o;            //false
"toString" in o;     //true,是一个继承属性

 

2.使用对象的hasOwnProperty()方法。

该方法只能判断自有属性是否存在,对于继承属性会返回false。

var o={x:1};
o.hasOwnProperty("x");       //true,自有属性中有x
o.hasOwnProperty("y");       //false,自有属性中不存在y
o.hasOwnProperty("toString"); //false,这是一个继承属性,但不是自有属性

 

3.用undefined判断

自有属性和继承属性均可判断。

var o={x:1};
o.x!==undefined;        //true
o.y!==undefined;        //false
o.toString!==undefined  //true

该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下。

var o={x:undefined};
o.x!==undefined;        //false,属性存在,但值是undefined
o.y!==undefined;        //false
o.toString!==undefined  //true

 

4.在条件语句中直接判断

var o={};
if(o.x) o.x+=1;  //如果x是undefine,null,false," ",0或NaN,它将保持不变

 



神奇的 Object.defineProperty

这个方法了不起啊。。vue.js和avalon.js 都是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了几行代码看他怎么用

    var a= {}
    Object.defineProperty(a,"b",{
      value:123
    })
    console.log(a.b);//123

很简单,,它接受三个参数,而且都是必填的。。

传入参数

第一个参数:目标对象

第二个参数:需要定义的属性或方法的名字。

第三个参数:目标属性所拥有的特性。(descriptor)

前两个参数不多说了,一看代码就懂,主要看第三个参数descriptor,看看有哪些取值

descriptor

他又以下取值,我们简单认识一下,后面例子,挨个介绍,

value:属性的值(不用多说了)

writable:如果为false,属性的值就不能被重写,只能为只读了

configurable:总开关,一旦为false,就不能再设置他的(value,writable,configurable)

enumerable:是否能在for...in循环中遍历出来或在Object.keys中列举出来。

get:一会细说

set:一会细说

descriptor默认值

我们再看看第一个例子

    var a= {}
    Object.defineProperty(a,"b",{
      value:123
    })
    console.log(a.b);//123

我们只设置了 value,别的并没有设置,但是 第一次的时候 可以简单的理解为(暂时这样理解)它会默认帮我们把writable,configurable,enumerable。都设上值,而且值还都是false。。也就是说,上面代码和下面是等价的的( 仅限于第一次设置的时候 )

var a= {}
Object.defineProperty(a,"b",{
  value:123,
  writable:false,
  enumerable:false,
  configurable:false
})
console.log(a.b);//123

以上非常重要哦。。并且以上理解对set 和 get 不起作用哦configurable

总开关,第一次设置 false 之后,,第二次什么设置也不行了,比如说

var a= {}
Object.defineProperty(a,"b",{
  configurable:false
})
Object.defineProperty(a,"b",{
  configurable:true
})
//error: Uncaught TypeError: Cannot redefine property: b

就会报错了。。注意上面讲的默认值。。。如果第一次不设置它会怎样。。会帮你设置为false。。所以。。第二次。再设置他会怎样?。。对喽,,会报错

writable

如果设置为fasle,就变成只读了。。

var a = {}; 

Object.defineProperty(o, "b", { 
    value : 123,
    writable : false });

console.log(a.b); // 打印 37
a.b = 25; // 没有错误抛出(在严格模式下会抛出,即使之前已经有相同的值)
console.log(o.a); // 打印 37, 赋值不起作用。

enumerable

属性特性 enumerable 定义了对象的属性是否可以在 for...in 循环和 Object.keys() 中被枚举。

var a= {}
Object.defineProperty(a,"b",{
  value:3445,
  enumerable:true
})
console.log(Object.keys(a));// 打印["b"]

改为false

var a= {}
Object.defineProperty(a,"b",{
  value:3445,
  enumerable:false //注意咯这里改了
})
console.log(Object.keys(a));// 打印[]

for...in 类似,,不赘述了

set 和 get

在 descriptor 中不能 同时 设置访问器 (get 和 set) 和 wriable 或 value,否则会错,就是说想用(get 和 set),就不能用(wriable 或 value中的任何一个)

set 和 get ,他俩干啥用的的,

var a= {}
Object.defineProperty(a,"b",{
  set:function(newValue){
    console.log("你要赋值给我,我的新值是"+newValue)
    },
  get:function(){
    console.log("你取我的值")
    return 2 //注意这里,我硬编码返回2
   }
})
a.b =1 //打印 你要赋值给我,我的新值是1
console.log(a.b)    //打印 你取我的值
                    //打印 2    注意这里,和我的硬编码相同的

简单来说,, 这个 “b” 赋值 或者 取值的时候会分别触发 set 和 get 对应的函数

这就是实现 observe的关键啊。。下一篇,,我会分析vue的observe的实现源码,聊聊自己如何一步一步实现$watch

var a = {
  b: {
    c:1
  },
  d:1
  
}
a.$watch("b.c",()=>console.log("哈哈哈"))

待续ing。。。。。



原生JavaScript中对象相关API合集-对象篇

 

Object对象

生成实例对象
var o = new Object()
属性
Object.prototype //返回原型对象
方法
Object.keys(o)   //遍历对象的可枚举属性
Object.getOwnPropertyName(o)   //遍历对象不可枚举的属性对象实例的方法
valueOf // 返回当前对象对应的值。  
toString // 返回当前对象对应的字符串形式。  
toLocaleString // 返回当前对象对应的本地字符串形式。  
hasOwnProperty // 判断某个属性是否为当前对象自身的属性,还是继承自原型对象的属性。 
isPrototypeOf // 判断当前对象是否为另一个对象的原型。
propertyIsEnumerable // 判断某个属性是否可枚举。Array对象
生成实例对象
var a = new Array()属性
a.length  // 长度Array.isArray()
Array.isArray(a)   // 用来判断一个值是否为数组Array实例的方法
a.valueof()   // 返回数组本身
a.toString()  // 返回数组的字符串形式
a.push(value,vlaue....)   // 用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度。
pop()   // 用于删除数组的最后一个元素,并返回该元素
join()  // 以参数作为分隔符,将所有数组成员组成一个字符串返回。如果不提供参数,默认用逗号分隔。
concat()  // 用于多个数组的合并。它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变。
shift()  // 用于删除数组的第一个元素,并返回该元素。
unshift(value)  // 用于在数组的第一个位置添加元素,并返回添加新元素后的数组长度。
reverse()   // 用于颠倒数组中元素的顺序,返回改变后的数组
slice(start_index, upto_index);   // 用于提取原数组的一部分,返回一个新数组,原数组不变。第一个参数为起始位置(从0开始),
第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。负数表示倒数第几个。
splice(index, count_to_remove, addElement1, addElement2, ...);   // 用于删除原数组的一部分成员,
并可以在被删除的位置添加入新的数组成员,返回值是被删除的元素。第一个参数是删除的起始位置,第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。
sort()   // 对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。如果想让sort方法按照自定义方式排序,可以传入一个函数作为参数,表示按照自定义方法进行排序。该函数本身又接受两个参数,表示进行比较的两个元素。如果返回值大于0,表示第一个元素排在第二个元素后面;其他情况下,都是第一个元素排在第二个元素前面。
map()   // 对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。
map(elem,index,arr)   // map方法接受一个函数作为参数。该函数调用时,map方法会将其传入三个参数,分别是当前成员、当前位置和数组本身。
forEach()   // 遍历数组的所有成员,执行某种操作,参数是一个函数。它接受三个参数,分别是当前位置的值、当前位置的编号和整个数组。
filter()   // 参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。
some()    // 用来判断数组成员是否符合某种条件。接受一个函数作为参数,所有数组成员依次执行该函数,返回一个布尔值。该函数接受三个参数,依次是当前位置的成员、当前位置的序号和整个数组。只要有一个数组成员的返回值是true,则整个some方法的返回值就是true,否则false。
every()   // 用来判断数组成员是否符合某种条件。接受一个函数作为参数,所有数组成员依次执行该函数,返回一个布尔值。该函数接受三个参数,依次是当前位置的成员、当前位置的序号和整个数组。所有数组成员的返回值都是true,才返回true,否则false。
reduce()   // 依次处理数组的每个成员,最终累计为一个值。从左到右处理(从第一个成员到最后一个成员)
reduceRight()  // 依次处理数组的每个成员,最终累计为一个值。从右到左(从最后一个成员到第一个成员)
indexOf(s)   // 返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1。可以接受第二个参数,表示搜索的开始位置
lastIndexOf()  // 返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1。


Number对象
生成对象
var n = new Number()Number对象的属性
Number.POSITIVE_INFINITY // 正的无限,指向Infinity。  
Number.NEGATIVE_INFINITY // 负的无限,指向-Infinity。  
Number.NaN // 表示非数值,指向NaN。  
Number.MAX_VALUE // 表示最大的正数,相应的,最小的负数为-Number.MAX_VALUE。  
Number.MIN_VALUE // 表示最小的正数(即最接近0的正数,在64位浮点数体系中为5e-324),相应的,最接近0的负数为-Number.MIN_VALUE。  
Number.MAX_SAFE_INTEGER // 表示能够精确表示的最大整数,即9007199254740991。  
Number.MIN_SAFE_INTEGER // 表示能够精确表示的最小整数,即-9007199254740991。
Number对象实例的方法
toString()   // 用来将一个数值转为字符串形式.可以接受一个参数,表示输出的进制。如果省略这个参数,默认将数值先转为十进制,再输出字符串;否则,就根据参数指定的进制,将一个数字转化成某个进制的字符串。
toFixed()   // 用于将一个数转为指定位数的小数,返回这个小数对应的字符串。
toExponential()  // 用于将一个数转为科学计数法形式。可传入一个参数,参数表示小数点后有效数字的位数,范围为0到20,超出这个范围,会抛出一个RangeError。
toPrecision()  // 用于将一个数转为指定位数的有效数字。
String 对象
生成实例对象
var s = new String()String对象的属性
s.length   //返回字符串的长度方法
s.chatAt(index)   // 返回指定位置的字符
s.fromCharCode()    // 该方法的参数是一系列Unicode码点,返回对应的字符串。
s.charCodeAt(index)    // 返回给定位置字符的Unicode码点(十进制表示)
s.concat(s2)  // 用于连接两个字符串
s.slice(start,end)   // 用于从原字符串取出子字符串并返回,不改变原字符串。第一个参数是子字符串的开始位置,第二个参数是子字符串的结束位置(不含该位置)。如果参数是负值,表示从结尾开始倒数计算的位置,即该负值加上字符串长度。
s.substring(start,end)  // 用于从原字符串取出子字符串并返回,不改变原字符串.第一个参数表示子字符串的开始位置,第二个位置表示结束位置。
s.substr(start,length)   // 用于从原字符串取出子字符串并返回,不改变原字符串。第一个参数是子字符串的开始位置,第二个参数是子字符串的长度。如果第一个参数是负数,表示倒数计算的字符位置。如果第二个参数是负数,将被自动转为0,因此会返回空字符串。
s.indexOf(s)   // 返回给定元素在字符串中第一次出现的位置,如果没有出现则返回-1。可以接受第二个参数,表示搜索的开始位置 
s.lastIndexOf()  // 返回给定元素在字符串中最后一次出现的位置,如果没有出现则返回-1。
s.trim()  // 用于去除字符串两端的空格,返回一个新字符串
s.toLowerCase()  // 用于将一个字符串全部转为小写,返回一个新字符串,不改变原字符串。
s.toUpperCase()  // 全部转为大写
s.localeCompare(s2)  // 用于比较两个字符串。它返回一个整数,如果小于0,表示第一个字符串小于第二个字符串;如果等于0,表示两者相等;如果大于0,表示第一个字符串大于第二个字符串。
s.match(regexp)   // 用于确定原字符串是否匹配某个子字符串,返回一个数组,成员为匹配的第一个字符串。如果没有找到匹配,则返回null。
s.search()  // 返回值为匹配的第一个位置。如果没有找到匹配,则返回-1。
s.replace(oldValue,newValue)  // 用于替换匹配的子字符串,一般情况下只替换第一个匹配(除非使用带有g修饰符的正则表达式)。
s.split()  // 按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组。还可传入第二个参数,决定了返回数组的成员数。


Math对象
属性
Math.E  // 常数e。  
Math.LN2  // 2的自然对数。  
Math.LN10  // 10的自然对数。  
Math.LOG2E  // 以2为底的e的对数。  
Math.LOG10E  // 以10为底的e的对数。  
Math.PI  // 常数Pi。  
Math.SQRT1_2  // 0.5的平方根。  
Math.SQRT2  // 2的平方根。
数学方法
Math.abs()  // 返回参数的绝对值  
Math.ceil()  // 向上取整,接受一个参数,返回大于该参数的最小整数。 
Math.floor()  // 向下取整  
Math.max(n,n1,...)  // 可接受多个参数,返回最大值  
Math.min(n,n1,..)  // 可接受多个参数,返回最小值  
Math.pow(n,e)  // 指数运算, 返回以第一个参数为底数、第二个参数为幂的指数值。 
Math.sqrt()  // 返回参数值的平方根。如果参数是一个负值,则返回NaN。  
Math.log()  // 返回以e为底的自然对数值。
Math.exp()  // 返回e的指数,也就是常数e的参数次方。
Math.round()  // 四舍五入  
Math.random()  //返回0到1之间的一个伪随机数,可能等于0,但是一定小于1。
三角函数方法
Math.sin()  // 返回参数的正弦  
Math.cos()  // 返回参数的余弦  
Math.tan()  // 返回参数的正切  
Math.asin()  // 返回参数的反正弦(弧度值)  
Math.acos()  // 返回参数的反余弦(弧度值)  
Math.atan()  // 返回参数的反正切(弧度值)


SON对象
方法
JSON.stringify()   
//用于将一个值转为字符串。该字符串应该符合JSON格式,并且可以被JSON.parse方法还原。
//(JSON.stringify(obj, selectedProperties))还可以接受一个数组,作为第二个参数,指定需要转成字符串的属性。
// 还可以接受第三个参数,用于增加返回的JSON字符串的可读性。如果是数字,表示每个属性前面添加的空格(最多不超过10个);如果是字符串(不超过10个字符),则该字符串会添加在每行前面。

JSON.parse()   //用于将JSON字符串转化成对象。
console对象
方法
console.log(text,text2,...)   // 用于在console窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。如果第一个参数是格式字符串(使用了格式占位符),console.log方法将依次用后面的参数替换占位符,然后再进行输出。

console.info()   // 在console窗口输出信息,同时,会在输出信息的前面,加上一个蓝色图标。

console.debug()  // 在console窗口输出信息,同时,会在输出信息的前面,加上一个蓝色图标。

console.warn()  // 输出信息时,在最前面加一个黄色三角,表示警告;

console.error()  // 输出信息时,在最前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈

console.table()  // 可以将复合类型的数据转为表格显示。

console.count()  // 用于计数,输出它被调用了多少次。

console.dir()    // 用来对一个对象进行检查(inspect),并以易于阅读和打印的格式显示。

console.dirxml()  // 用于以目录树的形式,显示DOM节点。

console.assert()  // 接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数,否则不会有任何结果。

// 这两个方法用于计时,可以算出一个操作所花费的准确时间。
console.time()
console.timeEnd()
// time方法表示计时开始,timeEnd方法表示计时结束。它们的参数是计时器的名称。调用timeEnd方法之后,console窗口会显示“计时器名称: 所耗费的时间”。

console.profile()  // 用来新建一个性能测试器(profile),它的参数是性能测试器的名字。

console.profileEnd()  // 用来结束正在运行的性能测试器。

console.group()
console.groupend()
// 上面这两个方法用于将显示的信息分组。它只在输出大量信息时有用,分在一组的信息,可以用鼠标折叠/展开。
console.groupCollapsed()  // 用于将显示的信息分组,该组的内容,在第一次显示时是收起的(collapsed),而不是展开的。

console.trace()  // 显示当前执行的代码在堆栈中的调用路径。
console.clear()  // 用于清除当前控制台的所有输出,将光标回置到第一行。