ES6 对象初始化

最新推荐文章于 2023-10-08 20:52:00 发布
最新推荐文章于 2023-10-08 20:52:00 发布
阅读量787 收藏 1
点赞数
分类专栏： # ES6入门 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cumt0/article/details/113786956
版权 
<body>
    <script>
        //对象初始化（传统方法）
        var student={
            name:"Mike",
            age:20,
            go:function(){
                console.log("我骑着自行车去上课");
            }
        };
        //console.log(student);

        //对象初始化（ES6语法）
        //因为对象是key:value存在
        //1.如果key和变量的名字一致，可以只定义一次即可
        //2.如果value是一个函数，可以把:function()取得只留下()
        var name="Mike";
        var age=20;
        let student2={
            name,
            age,
            go(){
                console.log("我骑着自行车去上课"); 
            }
        }
        student2.go();
        console.log(student2);
    </script>
</body>
应用场景：
<body>
    <form>
        账号：<input type="text" id="account" />
        <br>
        密码：<input type="text" id="password" />
        <br>
        <input type="button" value="登录" id="logbtn" />
    </form>
    <script>
        $("#logbtn").on("click",function(){
            var account=$("#account").val();
            var password=$("#password").val();
            //对象简写的应用场景，下面用的是ES6语法
            var params={account,password};
            //执行异步请求
            $.ajax({
                type:"post",
                url:"xxx",
                data:params,
                success(){

                }
            })
        })
    </script>
</body>
I wish I could do it
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中定义类和对象的方法示例
10-16
上述代码定义了一个名为`Parent`的类，其中`constructor`是构造函数，用于初始化新创建的对象。 2. **生成实例**： 使用`new`关键字可以生成类的实例，如： ```javascript let g_parent = new Parent(); let v...
ES6模块化DEMO.zip
03-10
3. **动态导入**：ES6还支持动态导入，这在按需加载模块时非常有用，以减少初始加载时间。例如： ```javascript const loadModule = async () => { const myModule = await import('./myModule'); console.log...
ES6语法新特性之----对象初始化简写
aaa123_456aaa的博客
11-08 382
1
ES6变量申明
baifu2766的博客
11-18 103
var、let、const 区别 const和let拥有块级作用域，在同一个作用域中不能与其他的变量或者函数名拥有相同的名字 const定义时必须初始化，定义后不能通过再次赋值改变，也不能再次申明 const定义一个常量，这个常量也可以是数组、对象，数组和对象内部的值可以改变，引用地址不变 顶层对象的属性 var和function...
对象属性初始化的方式
赵玉玲的博客
02-28 673
目录ES5ES6 对象属性简写属性初始化器（试验性写法） ES5 var obj = { method: function() {} } ES6 对象属性简写 var obj = { method() {} } 属性初始化器（试验性写法） 目前要使用babel编译babel编译 var obj = { method = () =&gt; {} } ...
ES6 对象(五)
lzDevastator的博客
09-09 200
新增的对象字面量语法 成员速写 如果对象字面量初始化时，成员的名称来自于一个变量，并且和变量的名称相同，则可以进行简写 const test = (type,name,sex,age)=>{ return { type,name,sex,age } } 方法速写 对象字面初始化时，方法可以省略冒号和function关键字 const obj = { name:'fyy', love:"lz", son(){ this.name = "lf"; } }
ES6变量声明？看这一篇就够了！！！
m0_47883103的博客
08-11 612
let const独有特点 用来声明常量，常量就是值（内存地址）不能变化的量 一旦声明变量，就必须立即初始化，不能留到以后赋值。 只读属性，不能直接修改 const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动 复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针 let和const共同点 默认值为undefined 仍然存在变量提升，不过被暂时性死区限制了 不能重复定义 能够防止内部变量改变外部变量 具有块级
Javascript ES6中对象类型Sets的介绍与使用详解
10-19
可以通过传入数组来初始化 Set，数组中的元素会被添加到 Set 中： ```javascript let myAnimals = new Set(['cat', 'dog', 'bird']); ``` 如果向 Set 添加数组或对象，它们会作为整体存储，不会被解构。 4. **...
详解ES6中的Map与Set集合
12-03
集合的概念以及和数组的区别 其实数组也是集合, 只不过数组的索引是数值类型....在ES 5 中,没有 Set和Map集合, 一般使用对象来模拟这两种集合, 对象的属性作为键(key), 以属性值作为值(value), 即以 property: prope
012课-es6模块化.rar
09-13
ES6还支持动态导入，这是一种延迟加载模块的方法，直到运行时才执行导入操作，有助于优化应用程序的初始加载性能。 ```javascript let modulePath = './dynamic-module.js'; import(modulePath) .then((module) =>...
ES6之原始值和引用值
qq_45634651的博客
04-10 345
ES6将数据分为两类：原始值和引用值 原始值表示单一的数据， ES设计了6种原始值：Undefined、Null、Boolean、Number、String和Symbol（ES6新增，表示独一无二的值，最大的用法是用来定义对象的唯一属性名），保存原始值的变量是按值访问，操作存储在变量内存中的实际值。 引用值表示由多个值（原始值或引用值）构成的对象 包括Object，function，Array，RegExp，Data，引用值与原始值不同，ES不允许直接访问对象的内存空间。实际操作对象时，访问的是保存对象的内
ES6对象的操作
夜惊如水
09-29 910
// ES6允许把声明的变量直接赋值给对象 let name='王二麻子' let age=55 let arr={name,age} console.log(arr) //对象Key值构建 let key='age' let arr1={ ...
【ES6系列】数组去重
IU
06-30 306
使用ES6的 new Set()对象去重 new Set() 返回的是对象，对象，对象 可对 数组 ，字符串去重 let arr= [1,2,3,3] new Set(arr) //{1,2,3} --- new Set('absss') //Set(3) {"a", "b", "s"} ----- 将去重后的对象转化成数组 […new Set(arr)] ...
ES6函数参数的默认值设置
u010234868的专栏
10-14 2554
ES6之前给函数参数设置默认值的方式为： function myFun(enable) { enable = enable || true; console.log(enable); } myFun(false); // true 上述代码中，当参数的赋值对应的是false时，赋值不起作用，而是使用了默认值。下面的代码也是同样的问题： function myFun(x, y) { x = x || 'hello'; y = y || 'world'; console.log
TS类中初始化属性语法糖
最新发布
XunLin233的博客
10-08 358
【代码】TS类中初始化属性语法糖。
ES6-解构赋值
qq_42943107的博客
08-26 198
ES6-解构赋值 数组解构 1.运用索引的形式把数组中对应的值拿到，并赋值。 let arr = [10,20,30,40,50,60] let a = arr[0] let b = arr[1] console.log(a,b); 解构赋值的要求，就是=两边的数据类型必须一致 1.1优化： let arr = [10,20,30,40,50,60] let [a,b] = arr console.log(a,b); 这样可以拿到第一和第二个的值,因为在数组里只有a,b接收arr前面两个的值。后面的
ES6数组对象去重取重
qq_37291111的博客
05-12 3239
ES6 ，vue数组对象去重，取重1、单数组，自身去重2、单数组对象，自身去重3、合并两个数组，并去重4、合并两个数组对象，并去重5、去重：两个数组对象A,B，获取A中减去含有B的部分6、取重：两个数组对象A,B，获取A中含有B的部分 1、单数组，自身去重 let data = ["张三","李四","王五","赵六","张三","田七"] let set = new Set(data) console.log(set) 2、单数组对象，自身去重 let data = [ {id:1,name:"张三
2019-12-29
qq_45926448的博客
12-29 368
c++中如果需要用一个现有的对象去初始化另一个对象，就需要用到拷贝构造函数： class 类名 { public： 构造函数名称（类名&变量名） { 函数体 } }； 在c++中会自动调用拷贝构造函数的情况如下： a)使用一个对象初始化另一个对象: Car mynewcar("my car",4);//定义类对象 Car mysecar(mynewcar)//调用拷贝构造函数定义类对象 b...
三种实用ES6 数组内对象去重方法
web全栈开发的博客
07-05 4839
在实际的项目当中不可避免的会遇到数组里面元素重复情况，下面将介绍几种。
es6笔记es6笔记es6笔记
04-03
类中的 constructor 用于定义类的构造函数，它会在生成类的实例时自动调用，用于初始化对象的属性。例如： ```javascript class Animal { constructor(name) { this.name = name; } } ``` 2.5 共有方法 在类中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值