js中对象和面向对象与Json介绍

  1. JS中对象和面向对象

JS中的对象是一种复合数据类型,可以存储不同类型的数据,例如数字、布尔值、字符串、数组和函数等。对象以键值对的形式存储数据,每个属性都有一个唯一的键名和对应的值。

面向对象(Object Oriented,简称OO)是一种编程范式,强调将程序中的数据和操作数据的代码组织成一个相互依赖的对象,从而增强程序的可重复性、可维护性等特性。

JS中的面向对象编程中,我们可以使用构造函数、原型、继承等概念来实现对象的创建和维护。具体实现方式可以参考以下示例。

示例一:构造函数和原型的使用

//构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
}

//原型方法
Person.prototype.introduce = function() {
    console.log("My name is " + this.name + ", and I am " + this.age + " years old.");
}

// 实例化对象
var person1 = new Person("Tom", 18);
var person2 = new Person("Jerry", 19);

// 调用原型方法
person1.introduce(); // My name is Tom, and I am 18 years old.
person2.introduce(); // My name is Jerry, and I am 19 years old.

示例二:继承的使用

//父类构造函数
function Animal(name, age) {
    this.name = name;
    this.age = age;
}

//父类原型方法
Animal.prototype.run = function() {
    console.log(this.name + " is running.");
}

// 子类构造函数
function Cat(name, age, color) {
    Animal.call(this, name, age); //继承属性
    this.color = color;
}

//子类继承父类原型方法
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;

//子类新增原型方法
Cat.prototype.introduce = function() {
    console.log("I am a cat named " + this.name + ", and I am " + this.age + " years old. My fur is " + this.color);
}

// 实例化对象
var cat1 = new Cat("Coco", 3, "white");
var cat2 = new Cat("Blackie", 5, "black");

// 调用方法
cat1.run(); // Coco is running.
cat2.introduce(); // I am a cat named Blackie, and I am 5 years old. My fur is black.
  1. Json介绍

JSON全称为JavaScript Object Notation,是一种轻量级的数据交换格式。JSON使用易于人的形式来声明对象数据,可以轻松传递和交换,同时也很容易在多种语言之间进行解析和生成。

在JS中,我们可以通过使用JSON库,利用JSON.stringify()将对象转换为JSON格式,利用JSON.parse()将JSON格式数据转换为对象形式。具体实现方式可以参考以下示例。

示例一:将对象转换成JSON字符串

//JS对象
var obj = {
  name: "Tom",
  age: 18,
  hobby: ["reading", "coding"]
}

//使用JSON.stringify()转换成JSON字符串
var jsonStr = JSON.stringify(obj);
console.log(jsonStr);

输出结果如下:

{"name":"Tom","age":18,"hobby":["reading","coding"]}

示例二:将JSON字符串转换回对象格式

//JSON字符串
var jsonStr = '{"name":"Tom","age":18,"hobby":["reading","coding"]}';

//使用JSON.parse()将JSON字符串转换为对象格式
var obj = JSON.parse(jsonStr);
console.log(obj.name);
console.log(obj.age);
console.log(obj.hobby);

输出结果如下:

Tom
18
[ 'reading', 'coding' ]

通过以上示例,我们可以学习到JS中对象和面向对象编程的相关概念及实现方式,以及JSON的介绍和使用方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中对象和面向对象与Json介绍 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • vue项目创建步骤及路由router

    当创建一个Vue项目时,需要使用Vue CLI工具。Vue CLI是一个标准化的、快速开发Vue.js应用程序的工具,具有零配置的现代Web开发工具。 以下是Vue项目创建步骤: 步骤一:安装Vue CLI 首先,需要安装Vue CLI。可以使用npm进行安装,命令如下: npm install -g @vue/cli 步骤二:创建Vue项目 使用Vue C…

    JavaScript 2023年6月11日
    00
  • js获取iframe中的window对象的实现方法

    获取iframe中的window对象是我们在进行Web前端开发中经常需要面对的问题。这里提供两种方法来获取iframe中的window对象。 方法一:使用iframe元素的contentWindow属性 我们可以使用iframe元素的contentWindow属性来获取iframe中的window对象。该属性返回对iframe窗口/框架的 window 对象…

    JavaScript 2023年6月10日
    00
  • JavaScript如何动态监听DOM元素高度详解

    JavaScript如何动态监听DOM元素高度,可以通过以下步骤来完成: 步骤1:首先要获取需要监听高度的DOM元素,并给它设置高度的初始值,可以通过JavaScript代码来实现。 例如,获取ID为box的DOM元素,并设置它的高度初始值为400像素: var box = document.getElementById("box"); …

    JavaScript 2023年6月10日
    00
  • js中函数调用的两种常用方法使用介绍

    JS中函数调用的两种常用方法是函数声明与函数表达式,下面我将对这两种方法进行介绍和举例子说明。 1. 函数声明 函数声明的形式如下: function functionName(parameters) { //函数体 } 其中,functionName 是函数名,parameters 是参数列表,函数体里面可以写任何合法的 JS 代码。函数声明完之后,我们可…

    JavaScript 2023年5月27日
    00
  • 闭包

    闭包理解 如何产生闭包 当一个嵌套的内部(子)函数引用了嵌套外部(父)函数的变量(函数)时–就产生了闭包 闭包是什么 使用chrome调试查看 理解一 — 闭包是嵌套的内部函数 理解二 — 闭包是包含被引用变量(函数)的对象 闭包存在于嵌套的内部函数中 产生闭包的条件 函数嵌套 内部函数引用了外部函数的数据(变量或函数) <script> …

    JavaScript 2023年4月25日
    00
  • JS实现五星好评效果

    实现五星好评效果主要分两个步骤,分别是HTML结构布局和JavaScript脚本编写。 HTML结构布局 首先,需要在页面中创建五个星星图标,可以使用<i>标签,设置样式为fa fa-star,并将五个星星元素放置在指定的容器内,如下所示: <div class="star-rating"> <i id=&q…

    JavaScript 2023年6月11日
    00
  • JavaScript动态插入script的基本思路及实现函数

    JavaScript动态插入script的基本思路是通过创建一个script标签,然后将其添加到文档中。具体的实现可以使用以下的函数: function insertScript(url, callback) { var script = document.createElement(‘script’); script.type = ‘text/javasc…

    JavaScript 2023年5月27日
    00
  • 浅谈JS的原型和继承

    浅谈JS的原型和继承 1. 原型 在JavaScript中,每个对象都有一个原型对象,它充当了该对象的基础。原型对象是一个普通的对象,用于存储对象所继承的属性和方法。 我们可以使用Object.getPrototypeOf(obj)方法获取一个对象的原型。 var obj = {}; console.log(Object.getPrototypeOf(obj…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部