javascript核心技术(五十三)简化的/增强的对象属性、方法和原型对象写法

[复制链接]
查看: 1041|回复: 31
发表于 2023-1-29 13:28:04 | 显示全部楼层 | 阅读模式
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>简化的/增强的对象属性、方法和原型对象写法</title>
</head>
<body>
<script type="text/javascript">
        console.log('对象属性的简化写法');
        // 一、对象属性的简化写法
        // ES5的字面量语法定义对象
        // var obj = {
        //         "age":30,
        //         "nickname":"老三",
        //         "sex":"男"
        // };
        //ES6的字面量语法定义对象
        //如果属性值单独有对应的变量,则可以简化
        //例如:要将以下变量赋值给对象中的同名属性
        var age = 30;
        var nickname = "张三";
        var sex = "男";
        //预期效果如下
        // var obj = {
        //         "age":age,
        //         "nickname":nickname,
        //         "sex":sex
        // };
        //那就这样做
        var obj = {
                age,
                nickname,
                sex
        };
        console.log(obj);
        //结果如下
        // var obj = {
        //         "age":30,
        //         "nickname":"张三",
        //         "sex":"男"
        // };

        // 二、对象方法的简化写法
        console.log('对象方法的简化写法');
        //  ES5中对象的写法
        // var obj = {
        //         "say":function(){
        //                 return "hello";
        //         }
        // };
        // ES6中对象中的写法----function可以省略不写,方法名两边的引号一般不写
        // var obj = {
        //         say(){
        //                 return "hello";
        //         }
        // };
        // console.log(obj.say())


        // 三、原型对象的简化写法
        console.log('原型对象的简化写法');
        //可以在字面量定义对象语法中,指定原型对象 __proto__
        var person = {
                coding(){
                        return '我在敲代码';
                }
        };
        var age = 30;
        var obj = {
                "__proto__":person,
                age,// "age":30,
                "nickname":"张三",
                "sex":"男",
                say(){
                        return "hello";
                }
        };
        console.log(obj.say());
        console.log(obj.coding());
</script>
</body>
</html>



以上代码大家复制出来认真领会,总所周知的是:JS这门语言的知识点非常琐碎。
即使我们已经尽力将同类的知识点进行了归纳汇总,但依然琐碎。


易博软件介绍

0

主题

12

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-2-22 23:09:19 | 显示全部楼层
事实上,有一句话我非常认同:CPU是为用户服务的,不是为程序员服务的。。。  非常感谢linyunjia楼主的好帖!!!

0

主题

24

帖子

13

积分

营销入门

Rank: 2

积分
13
发表于 2023-3-5 17:24:34 | 显示全部楼层
耐人寻味!!!!  

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-16 04:07:20 | 显示全部楼层
我想网络工程师但是我不知道要学习什么教材?  

0

主题

19

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-24 21:30:18 | 显示全部楼层
好文!此文让我少走四年弯路!!!

0

主题

3

帖子

2

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
2
发表于 2023-3-31 13:49:59 | 显示全部楼层
很久没看到这么好的帖子了,对我帮助很大,多谢

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-4-4 17:45:36 | 显示全部楼层
学习!!!!!!!!!!!!!!!

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-4-10 00:48:26 | 显示全部楼层
韧性和毅力。

0

主题

39

帖子

21

积分

营销入门

Rank: 2

积分
21
发表于 2023-4-14 17:47:00 | 显示全部楼层
中肯直言,很受启发,希自融化,由此绩出。
发表于 2023-4-19 18:54:00 | 显示全部楼层
确实不错!很负责哟!   
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表