zoukankan      html  css  js  c++  java
  • js-ECMAScript-6:自定义对象

    ####

    在 JavaScript 中,对象是王。如果您理解了对象,就理解了 JavaScript。

    ####

    数据类型,之前说了有6种,

    一共有6中数据类型,

    string,字符串,

    number,数字,

    Boolean,布尔,

    null,空值

    undefined,未定义,

    object,对象,

    前5种,是基本数据类型,

    object,是引用数据类型,

    ###

    今天讲解对象数据类型,这个可以保存多个不同的基础数据类型,就像一个袋子,放了很多的基础数据类型,

    ###

    对象有三种:

    console.log()

    document.write()

    这个console,还有document,就是宿主对象,是已经建立好的,

    ###

    先学习自定义的对象:

    自定义对象-创建对象

    // 第一种方法,使用花括号创建对象

    var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

    //在js对象中,属性名默认不需要加引号,你加了js也会给你去掉的,值可以是单引号和双引号,单引号会转换成双引号

    // 这里面的每一个键值对,都是对象属性,

    // 第二种方法,使用new关键字创建对象,这种不常用,开发中还是使用第一种花括号的方法

    var obj = new object();

    person.firstName = "Bill";

    对象属性

    // 访问属性

    var obj = {name:"andy"}

    obj.name; // 返回andy

    obj["age"] //  也可以使用中括号的方式读取属性,

    // 遍历属性

    for (var i in obj){
     console.log(i);
     console.log(obj[i])
     }

    // 这个i是属性的名字,obj[i],这样就可以取出属性的值,

    //  添加属性

    obj.age = 19; 

    obj; //  {name: "andy", age: 19}

    // 也可以使用中括号的方式添加属性,

    obj["name"] = "andy"

    //修改对象的属性,

    obj.name = "andy123123"

    //也可以使用中括号的方式修改属性,

    obj["name"] = "andy23123"

    //删除对象的属性,

    delete obj.name

    //也可以使用中括号的方式删除属性,

    delete obj["name"]

    对象方法

    // 创建对象的时候创建方法

    var person = {
    firstName: "Bill",
    lastName : "Gates",
    id : 648,
    fullName : function() {
    return this.firstName + " " + this.lastName;
    }
    };

    // 给对象加了一个函数方法,

    person.sayName = function(){
    console.log("hello")
    }
    // 给对象加了一个函数方法,

    obj.sayName();函数调用,

    ####

    ### 

  • 相关阅读:
    ABP源码编译及部署
    nopCommerce源码本地部署、配置及语言包导入
    MongoDB查询转对象时出错 Element '_id' does not match any field or property of class
    找不到资产文件 project.assets.json
    Docker中运行.net core 验证码不显示
    css设置input不显示光标
    js中的==和===
    Navicat连接mysql(高级选项配置)
    js回调函数,检测这个值是否重复
    layer数据表格换行
  • 原文地址:https://www.cnblogs.com/andy0816/p/15151782.html
Copyright © 2011-2022 走看看