zoukankan      html  css  js  c++  java
  • 前端js入门之 JavaScript 对象直接量

      JavaScript中,创建对象可以使用构造函数方式。

      代码实例如下:

      obj.webName = "博客园";

      obj.address = "编程语言";

      以上代码采用构造函数方式创建对象obj,为其添加两个属性并赋值。

      也可以使用更为简单的方式创建对象,那就是对象直接量,代码实例如下:

      var obj = {

      webName: "博客园",

      address: "编程语言"

      }

      对象直接量是由键值对列表组成,列表包含在大括号中,属性名称和属性值由冒号分隔,每一个键值对之间是用逗号分隔,属性值可以是任何类型。属性名称可以用引号包括也可以不用,代码如下:

      var obj = {

      "webName": "博客园",

      address: "编程语言"

      }

      如果属性名称比较特殊,则需要加引号,比如属性名称中带有中划线,代码如下:

      var obj = {

      webName: "博客园",

      address: "编程语言",

      ant-zone:"前端教程"

      }

      代码会报错,使用引号包裹"ant-zone"可以消除错误。

      属性值的设置与访问:

      可以通过点运算符(.)对属性值进行访问和设置,代码实例如下:

      var obj = { 无锡妇科医院排行榜 http://mobile.chfk120.com/

      webName: "博客园",

      address: "编程语言"

      }

      obj.age = 4;

      console.log(obj.webName);

      console.log(obj.address);

      console.log(obj.age);

      可以通过类数组方式,代码实例如下:

      var obj = {

      webName: "博客园",

      address: "编程语言"

      }

      console.log(obj["webName"]);

      如果属性名称是数字,那么必须使用此种方式访问,否则会报错。

  • 相关阅读:
    Javascript獲取濟覽器高屏幕寬高
    引用CSS的問題
    轮胎尺寸周长一览表
    C# 配置文件
    C# 正则表达式替换分组内的内容
    按钮的背景图
    WPF 设置全屏
    窗体内嵌外部程序的显示,获取控件的图片
    将图像转换成一个图标
    resharper 6.0 注册码
  • 原文地址:https://www.cnblogs.com/djw12333/p/11088756.html
Copyright © 2011-2022 走看看