美文网首页
js面向对象

js面向对象

作者: 胡自鲜 | 来源:发表于2017-12-23 14:55 被阅读0次

对象定义的三种方式:

1 . var obj1 = {"name" : "张三"}

2 .var obj2 = new Object({name:"张三"});

3 . var obj3 = Object.create({name:"张三"});

var obj1 = {
    name:"李四",
    age:19,
};

直接定义对象

var obj1 = new Object({“name”:"张三"});

追加定义对象

var obj3 = new Object();
obj3.name = "张三";
obj3.age = "20";

覆盖定义对象;

obj3 = {
      "height":"178cm",
       hobby:function(){
          console.log("爱好");
      }
}

js对象的键名不需要双引号,json的键名需要双引号 规范外单内双

var json = '{"name":"张三","age":"19"}';

对象转换成json
    var json1 = JSON.stringify(obj3);
json数据转换成对象
    var json2 = JSON.parse(json1);

传值与传值

  • 传值:
      var a = 10;
      var b = a;
      b = 5;
      console.log(a);//10
    
  • 传址:对象赋值取相同的内存地址;
      var obj = {
          a:10
      }
      var obj2 = obj;
      obj2.a = 5;
      console.log(obj.a);//5
    

深度拷贝;arr 和 arr2之间不会有联系

var arr = [1,2,3,4,5];
var arr2 = arr;
var arr2 = JSON.parse(JSON.stringify(arr));
arr2[2] = 7;
console.log(arr);
console.log(arr2);
image.png

对象属性和方法的调用

var dog = {
            name:"wuli",
            gender:"female",
            eat:function(){
                console.log("吃");
            },
            play:function(){
                console.log("撒欢");
            },
            call:function(){
                console.log("叫");
            }
        }
        console.log(dog);
//      调用属性
        console.log(dog.name);
//      调用方法
        dog.eat();
        dog.play();
        dog.call();

相关文章

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • js 面向对象和面向过程

    js 面向对象和面向过程

  • 面向对象OOP--JS

    作者:烨竹 JS面向对象简介 JS名言:万物皆对象 JS面向对象比PHP简单很多;因为JS中没有class关键字,...

  • JavaScript笔记(一)

    一、面向对象面向过程的区别 1、什么是js对象 js对象:属性和方法的集合,js所有数据都可以看成对象...

  • JS面向对象

    JS面向对象入门 1、面向对象语言概念面向对象语言主要包括 类、对象、封装、多肽。2、面向对象的编程思想面向过程思...

  • 2018-01-18

    js中的面向对象核心 js是基于对象的编程语言,在后面的学习中我们通过一种模式使其转化成为面向对象的语言。js面向...

  • 浅谈JS中的面向对象

    浅谈JS中的面向对象 本文主要说说本人在JS中对面向对象的理解。 计算机编程语言主要分为面向过程式编程和面向对象式...

网友评论

      本文标题:js面向对象

      本文链接:https://www.haomeiwen.com/subject/xlwfgxtx.html