首页 > web前端 > js教程 > 有关字面量和解构赋值一点知识介绍

有关字面量和解构赋值一点知识介绍

巴扎黑
发布: 2017-07-21 17:10:38
原创
1224 人浏览过

字面量(自变量)

     let name="wei";
    let age=3;
    let obj={
        //简写变量,等同于name:name
        name,
        age
    }
        console.log(obj.name)//wei
    let qqq = {
      name: 'wrs',
      toString () {  // 'function' keyword is omitted here
        return this.name;
      }
    };


    console.log(qqq.toString()); // wrs
登录后复制

//通过对象字面量创建对象

    var human = {
        breathe() {
            console.log('breathing...');
        }
    };
    var worker = {
        __proto__: human, //设置此对象的原型为human,相当于继承human
        company: 'freelancer',
        work() {
            console.log('working...');
        }
    };
    human.breathe();//输出 ‘breathing...’
    //调用继承来的breathe方法
    worker.breathe();//输出 ‘breathing...’
登录后复制

解构赋值

允许提取数组和对象里的值,赋给变量。
function foo() {
  return [1,2,3];
}
let arr = foo(); // [1,2,3]

let [a, b, c] = foo();
console.log(a, b, c); // 1 2 3

function bar() {
  return {
    x: 4,
    y: 5,
    z: 6
  };
}
let {x: x, y: y, z: z} = bar();
console.log(x, y, z); // 4 5 6
登录后复制

以上是有关字面量和解构赋值一点知识介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板