js对象字面量的demo

最新推荐文章于 2022-08-25 12:10:19 发布
最新推荐文章于 2022-08-25 12:10:19 发布
阅读量1.9k 收藏
点赞数
分类专栏： Javascript 文章标签： javascript button input function delete xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/akwolf/article/details/6867722
版权


js文件：

/**
 * @author zhanghua
 */
var literal = {
    add: function(){
        alert("add");
    },
    del: function(){
        alert("delete");
    },
    update: function(){
        alert("update");
    },
    name: "zhangsan",
    callLiteral: function(){
        // 对于当前字面量对象的调用，要加this关键字
        this.add();
    }
};


html文件： 

<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Literal--字面量</title>
		<script type="text/javascript" src="jslib/literal.js"></script>
    </head>
    <body>
    	<input type="button" value="add" οnclick="javascript:literal.add()"/>
    	<input type="button" value="delete" οnclick="javascript:literal.del()"/>
    	<input type="button" value="update" οnclick="literal.update()"/>
    	<input type="button" value="name" οnclick="javascript:alert(literal.name)"/>
    	<input type="button" value="name" οnclick='javascript:alert(literal["name"])'"/>
    	<input type="button" value="caller" οnclick='javascript:literal.callLiteral()'"/>
    </body>
</html>



akwolf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
JavaScript 对象字面量（object literal）
YukyCookie的博客
11-27 8815
什么是字面量 用来为变量赋值时的常数量 对象字面量 对象字面值是封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表。var person={ name:"Jack", age:10, 5:true }; 在这个例子中，左边的花括号（{）表示对象字面量的开始，因为它出现在了表达式上下文（expression context）中。 JavaScript
JS干货--对象字面量
descire
11-01 1369
Why? 一把在JS中声明对象，大家多会这么写var a = {}; 很少有人这么写：var a = new Object(); 这是为什么呢? 1、首先{}这叫做对象字面量，new Object()则是使用构造器函数。 2、明显的对象字面量的声明方式比构造器函数更加方便。 3、new关键字缺失造成的问题。 所以在JS中建议以对象字面量的声明方式优先。下面我们先说说构造器函数
对象字面量
清风的博客
05-29 1224
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
JavaScript-字面量对象详解
熙哲数
07-25 1938
字面量对象 定义：js的字面量对象，就是一种简化的创建对象的方式，和用构造函数创建对象一样存在于堆内存当中 字面量对象表达式语法： {属性：属性值，属性：属性值,.....} ​ 属性访问： 1.通过（.）语法访问：obj.propertyName 通过语法访问[]:obj["name"] ​ 遍历字面量对象 for(var temppro in obj){ } ​ 我会把
零基础JavaScript入门教程(9)–JS之字面量详解
程序员大阳
11-24 1195
点此查看完整教程、源码及配套视频教程 本文目录1. 前言2. 何为字面量3. 什么不是字面量4. 字符串字面量5. 字面量的类型6. 小结 1. 前言 本篇来介绍一个非常非常重要的概念——字面量。不光在JS编程语言中会有字面量的概念，在C/C++/C#/Java/Python等语言中，同样存在字面量的概念，可以说它是编程语言的重要基石概念。 2. 何为字面量 字面一词，比较好理解，就是文字表面上的东西，没有什么内在含义。而量，一般指数量、重量的衡量。 在JS语言中，字面量的意思，就是所见即所得，字面量真正的
（7）JavaScript字面量
Java田根旺
12-28 3351
​ 一、字面量 字面量（literal）是用于表达一个固定值的表示法，又叫常量。 通俗的理解，字面就是所见即所得，js 程序执行到代码中的字面量，会立即知道它是什么类型的数据，值是多少。 可以用于表示固定值，比如：数字、字符串、undefined、布尔类型的字面值等 数值字面量：8, 9, 10 字符串字面量： "大前端" 布尔字面量：true，false 二、数字字面量 这里的数字就是数学意义上的数字。 数字字面量区分：整数字面量、浮点数字面量（小数）、特殊值。 书写时直接书写字面量，不需要添加任何辅助符
JavaScript 对象字面量讲解
01-19
JavaScript还支持对象和数组字面量，允许使用一种简洁而可读的记法来创建数组和对象。考虑以下语句，其中创建了一个包含两个属性的对象（firstName和lastName）： 还可以使用一种等价的方法创建同样的对象： ...
Javascript对象字面量的理解
10-22
主要介绍对Javascript对象字面量的理解,通俗易懂,需要的朋友可以参考下。
JavaScript中用字面量创建对象介绍
10-24
主要介绍了JavaScript中用字面量创建对象介绍,本文直接给出代码实例,并讲解了一些技巧,需要的朋友可以参考下
JavaScript字面量
wuxiaopengnihao1的博客
08-25 434
本文章向大家介绍JavaScript字面量，主要包括字符串字面量、浮点数字字面量、布尔字面量、空字面量、数组字面量和对象字面量，具体类容请看文章正文部分。
JavaScript 对象字面量(object literal)
极客神殿
04-20 3414
什么是字面量 用来为变量赋值时的常数量 对象字面量 对象字面值是封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表。 var person={ name:“Jack”, age:10, 5:true }; 1 2 3 4 5 在这个例子中，左边的花括号（{）表示对象字面量的开始，因为它出现在了表达式上下文（expression context）中。 JavaScript 中的表达式上...
JS语言精粹学习笔记--对象字面量
意欲梦佳期的博客
03-27 5832
对于丑陋的事物，爱会选择无视——莎士比亚《维洛那二绅士》
JavaScript字面量的方式创建对象
10-12 5307
1.字面量的方式创建对象  var obj = {}; //空对象 //添加属性 obj.name = "小白"; obj.age = 10; obj.sayHi = function () { console.log("我是：" + this.name); } obj.sayHi(); 2.优化后的写法 var obj2 = { name: "小明", ag...
js对象字面量
weixin_33736048的博客
04-10 161
对象字面量的输出方式以及定义好处 1.对象字面量的输出方式有两种：传统的‘。’，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来，如 var box = { name:’abc’; age:28 }; alert(box[‘name’]); 给对象定义方法， A:如果用传统定义对象的方式，就需要先定义方法，然后再把这个方法名赋值给对象的一个属性，如...
JS（一）之对象、对象字面量
weixin_43841308的博客
03-04 338
JS之认知 JS构成 一个完整的JavaScript实现应该由以下三个部分构成。 ECMAScript 标准 DOM 文档对象模型（操作网页） BOM 浏览器操作模型（操作浏览器） JS系列的学习，主要围绕这三部分开展。 JS的特点 解释性语言 类似于C和JAVA的与语法结构 动态语言 基于原型的面向对象 ...
使用对象字面量创建对象
热门推荐
周清城的博客
08-14 1万+
今天在学习《js高程》时看到了使用对象字面量创建对象的表示法，了解到对象字面变量是对象定义的一种简写形式，目的在于简化创建包含大量属性的对象的过程，举一个简单的例子var person = {name : "tom",age : 21}; 这里，左边的花括号表示对象字面变量的开始，因为它出现在了表达式上下文中。然后我们定义了name属性，之后是一个冒号，再后面是这个属性的值。在对象字面量中，
对象字面量的定义是什么？
最新发布
04-26
对象字面量是一种创建对象的方式，通过使用一组大括号来包含零个或多个属性，每个属性都由一...对象字面量通常用于JavaScript中，例如： ``` var myObj = { key1: 'value1', key2: 'value2', key3: 'value3' }; ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值