es6中新增对象的特性和方法

1. 对象简写

    //曾经假如是这样的
    var name = ‘xxx‘
    var obj = {
        name : name,
        say : function(){
            alert(this.name)
        }
    }
    //对象简写后
    var obj = {
        name,
        say(){
            alert(this.name)
        }
    }
   //简单的说就是写对象的时候把冒号以及左边的key省了,直接写变量名或者方法名,这个应用还是很广泛的。

2. 属性名表达式

    //曾经定义的时候可以这样这样
    var obj = {
        name : ‘小白‘,
        age : 20
    }
    //也可以这样
    obj.name = ‘小白‘
    obj[‘a‘ + ‘ge‘] = 20 

    //现在可以让上面的两种方式合体了。。。
    var name = ‘name‘
    var obj = {
        [name] : ‘小白‘,    // 数组里用变量作为属性名
        [‘a‘ + ‘ge‘] : 20
    }
    //看到没,在字面量的情况下使用变量和字符串拼接定义属性。。。合体了~
    console.log( obj[name], obj.age )
时间: 2024-11-08 23:44:02

es6中新增对象的特性和方法的相关文章

(转)JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

es6中新增的常用数值扩展

Number.integer(123) //true 是否为整形数字 //注意,参数必须是数字,字符串的数字都不行 Number.MAX_SAFE_INTEGER / Number.MIN_SAFE_INTEGER // js可处理的最大和最小的数值,也就是安全区 Number.isFinite() //用来检查一个数值是否为有限的.和integer一样,不会把字符串隐式转换成数字 Math.trunc(1.1) //只取整数, 不涉及四舍五入,类似双波浪号效果(~~1.1) Math.sign

DOM中document对象的常用属性方法总结

提要: 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.常见对象属性 document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设置页面背景色document.fgColor               //设置前景色(文本颜色)document.linkColor    

ES6中的一些新特性

这两个命令是ES6的新语法知识.这两个新的特性解决了ES6中的一些小的"bug"问题.其中包含一些知识:块级作用域.let命令.const命令.全局对象的属性.Google V8引擎已经部署了ES6的部分特性.当然,使用Traceur转码器.Bebal转码器可以将ES6方式编写的程序转为ES5. 块级作用域 一个花括号{}代表一个块级作用域,作用域嵌套时外层代码块不受内层代码块的影响,之前的立即执行匿名函数的作用是为了形成局部作用域,防止变量污染,但是这个新的特性:块级作用域的出现也就

js中Array对象的属性和方法总结

一:属性 length length除了常见的读取数组的长度以外,也可以通过修改length的值来给数组增加或者删除元素,当length数值减少的时候,从数组末尾删除相应元素:增加的时候增加相应数量的元素,但是新增元素没有赋值的时候,初始值为undefined; 二:方法 检测数组 if(obj instanceof Array){ //执行对数组的操作 } 但是这种方法有一个问题.当页面由框架组成的时候,不同的框架中的Window对象是不同的,而Array对象实际上是Window对象的一个属性

ES6中Promise对象个人理解

Promise是ES6原生提供的一个用来传递异步消息的对象.它减少了传统ajax金字塔回调,可以将异步操作以同步操作的流程表达出来使得代码维护和可读性方面好很多. Promise的状态: 既然是用来传递异步消息的那肯定就会有异步消息的状态:所以promise提供了3种状态:pending(进行中),resolved(已完成或者称 fulfilled),rejected(失败).不同的是Promise不会受外界影响,只有异步操作结果才能决定当前是哪种状态,任何其他非异步操作都不能改变.所以当状态发

ES6中对对象的扩展

ES6允许直接写入变量和函数作为对象的属性和方法.这样的书写更加简洁. ES6允许在对象中只写属性名,不写属性值.这时,属性值等于属性名所代表的变量. function f(x , y){ return {x ,y}; } f(1,2)// Object {x:1,y:2} function getPoint(){ var x=1; var y=10; return {x,y}; } getPoint()//{x:1,y:10} js语言定义对象的属性有两种方法.obj.foo=true;obj

全面理解Javascript中Function对象的属性和方法

函数是 JavaScript 中的基本数据类型,在函数这个对象上定义了一些属性和方法,下面我们逐一来介绍这些属性和方法,这对于理解Javascript的继承机制具有一定的帮助. 属性(Properties) arguments 获取当前正在执行的 Function 对象的所有参数,是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length.还有就是arguments对象存储的是实际传递给

让NSArray数组中每个对象都调用的方法

1. [array valueForKey:@"title"]; //Returns an array containing the results of invoking valueForKey: using key on each of the array's objects. 使数组中的每个对象都调用valueForKey:方法,并且将每个对象调用方法的结果依次存入一个新的数组中,然后返回 2. [self  setValuesForKeysWithDictionary:dict