详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

1、JSON

概念：JavaScript 对象表示法(JavaScript Object Notation)，是一种轻量级的数据交换格式

特点：易于程序员编写和查看；易于计算机解析和生成

数据结构：Object对象格式   { key: value , key: value }

Array数组格式   [ value , value ]

Eg:  var json = ‘ { “   ” : ‘'  ‘' } '    (内部双引号，外部单引号)

* JSON - 支持独立的".json"文件；   允许嵌套

JSON格式在主流开发语言中几乎都支持--- 各个语法语言的共识就是字符串

JSON中的字符串只能使用双引号

* 支持的数据类型： string； number； boolean； null； object； array

转换JSON对象与字符串

转换为JSON对象： JSON.parse(对象)  ---(服务器=>客户端), 解析JSON字符串，

转换为JSON字符串：JSON.stringify(字符串)  ---- (客户端=>服务器)，

2、Function对象

函数与Function对象：

Function类型是JavaScript提供的引用类型之一；通过Function类型创建了一个Function类型的对象，该对象实际是一个[函数]。

var 对象名 = new Object( );   ---创建对象

var 函数名 = new Function( );   // function anonymous( ){}

【在JavaScript 中，所有函数是Function的对象】

var 函数名 = new Function(参数，函数体);

括号( )里面最后一个参数，识别为函数体， 除此都是形参。---不建议

构造函数：

作用：为了创建对象（工厂方式）

语法结构：

function 构造函数名称（形参）{
 this.属性名 = 属性值;    ---- this的含义 -> 指的是创建的对象
 this.方法名 = function( ){ }
}
var 对象名 = new 构造函数名称( );

3、原型

在 JavaScript 中，函数是一个包含属性和方法的 Function 类型的对象。

属性(Prototype) 在函数定义时就已经存在，是Function对象(即函数)预定义的一个属性；它的初始值是一个空对象。在 JavaScript 中没有定义函数的原型类型，所以原型可以是任何类型。

原型是用于保存对象的共享属性和方法，原型的属性和方法并不影响函数本身属性和方法。

²  显式原型 - Function 的 prototype

在真实的开发环境中使用

²  隐式原型 - Function 的 __proto__

用于开发过程中的测试，不能被使用在真实的开发环境中

4、引用类型

数据类型：

Number-通过创建对象方式定义数字；      String-通过创建对象方式定义数字；

Boolean-通过创建对象方式定义数字；

Date类型

作用：获取常规的日期+时间

getFullYear( ) : 获取年份;   getMonth( ) : 获取月份;     getDate( )：获取日期

getTime ( )：距离1970年1月1日到目前的时间和日期 [利用毫秒值进行时间的计算；实现时间戳(标识)]

eg: 日期格式为 YYYY年MM月DD日的当前时间

var date = new Date( );
console.log(date.getFullYear( ) + '年' + date.getMonth( ) + '月' + date.getDay( ) + '日');

Math类型

属性：PI - 圆周率                              注：不需要创建对象

方法：对数字的处理

ceil(x)：向上取整即增；       floor(x)：向下取整即舍；     round(x)：四舍五入

pow(x1, x2)：n1的n2次方     random( )：生成0-1之间的随机数

eg：0-100随机数   console.log(Math.random( )*100);

1-100随机整数  console.log(Math.random( )*99+1);

20%概率执行一，50%概率执行二  if( num <= 0.2 ){

} else {

}

   Global类型

全局对象：全局属性(Infinity、NaN、undefined)、全局方法，在JavaScript中任何位置都可调用。

您可能感兴趣的文章:

  • JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
赞 (0)

相关推荐

  • JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结

    JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结

    1.数据类型:JavaScript定义的数据类型有字符串.数字.布尔.数组.对象.Null.Undefined,但typeof有区分可判别的数据分类是number.string.boolean.object(null / array).function和undefined.undefined 这个值表示变量不含有值,null 可以用来清空变量 let a = 100; typeof a;//number a = undefined; typeof a;//undefined a = null;

  • 详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

    详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

    1.JSON 概念:JavaScript 对象表示法(JavaScript Object Notation),是一种轻量级的数据交换格式 特点:易于程序员编写和查看:易于计算机解析和生成 数据结构:Object对象格式   { key: value , key: value } Array数组格式   [ value , value ] Eg:  var json = ' { "   " : ''  '' } '    (内部双引号,外部单引号) * JSON - 支持独立的"

  • 详解Zookeeper基础知识

    详解Zookeeper基础知识

    目录 1. 简介 2. 数据模型 2.1 模型结构 2.2 模型的特点 2.3 节点分类 2.3.1 Persistent 2.3.2 Persistent Sequential 2.3.3 Ephemeral 2.3.4 Ephemeral Sequential 3. 安装 3.1 官方 3.2 docker 3.3 docker-compose 3.4 配置信息 4. 基础命令 4.1 创建会话 4.2 ls 4.3 create 4.4 get 4.5 stat 4.6 set 4.7 d

  • 详解JavaScript中的函数、对象

    JS中的函数声明方式 方式一 function 函数名(){ 函数体 } 方式二 var 函数名=function(){ 函数体 } 方式三 var 函数名=new Function("函数体"): 执行方式 函数名(); JS中的对象 类似Java中的一些系统预设好的类 日期对象 function testDate(){ var date=new Date(); //本月中的第几天 document.write(date.getDate()+"<br />&qu

  • 详解Java基础知识——JDBC

    详解Java基础知识——JDBC

    JDBC Java DataBase Connectivity,java数据库连接,为了降低操作数据的难度,java提供jdbc,按照java面向对象特点,对操作进行了很多封装. JDBC提供了很多接口,然后不同数据库厂商去实现这个接口,到底底层如何去实现,不同的数据库不一样,不同的数据库厂商需要提供接口实现类(驱动类.驱动程序 Driver.驱动) 我们连接不同的数据库,我们只需要使用不同的驱动即可. J:Java:提供访问数据库的规范(接口), DBC:接口的实现,厂商去实现这个接口. JD

  • 详解Javascript基础之循环

    目录 循环 for for-in for-of while do-while 跳出循环 总结 循环 for 循环是任何一门语言都会有个命令,用于反复执行某段代码. 例如,循环代码块5次: for (let i = 0; i < 5; i++) { let text = `当前数字为${i}` console.log(text) } // 输出结果: 当前数字为0 当前数字为1 当前数字为2 当前数字为3 当前数字为4 此例中,let i = 0是声明循环的计次变量,i < 5是循环终止条件,i

  • js对象实例详解(JavaScript对象深度剖析,深度理解js对象)

    js对象实例详解(JavaScript对象深度剖析,深度理解js对象)

    这算是酝酿很久的一篇文章了. JavaScript作为一个基于对象(没有类的概念)的语言,从入门到精通到放弃一直会被对象这个问题围绕. 平时发的文章基本都是开发中遇到的问题和对最佳解决方案的探讨,终于忍不住要写一篇基础概念类的文章了. 本文探讨以下问题,在座的朋友各取所需,欢迎批评指正: 1.创建对象 2.__proto__与prototype 3.继承与原型链 4.对象的深度克隆 5.一些Object的方法与需要注意的点 6.ES6新增特性 下面反复提到实例对象和原型对象,通过构造函数 new

  • 详解JavaScript面向对象实战之封装拖拽对象

    详解JavaScript面向对象实战之封装拖拽对象

    目录 概述 1.如何让一个DOM元素动起来 2.如何获取当前浏览器支持的transform兼容写法 3.如何获取元素的初始位置 5.我们需要用到哪些事件? 6.拖拽的原理 7. 我又来推荐思维导图辅助写代码了 8.代码实现 part1.准备工作 part2.功能函数 part3.声明三个事件的回调函数 9.封装拖拽对象 概述 为了能够帮助大家了解更多的方式与进行对比,我会使用三种不同的方式来实现拖拽. 不封装对象直接实现: 利用原生JavaScript封装拖拽对象: 通过扩展jQuery来实现拖

  • 详解JavaScript中Arguments对象用途

    详解JavaScript中Arguments对象用途

    目录 前言 Arguments 的基本概念 Arguments 的作用 获取实参和形参的个数 修改实参值 改变实参的个数 检测参数合法性 函数的参数个数不确定时,用于访问调用函数的实参值 遍历或访问实参的值 总结 在实际开发中,Arguments 对象非常有用.灵活使用 Arguments 对象,可以提升使用函数的灵活性,增强函数在抽象编程中的适应能力和纠错能力. JavaScript 中 Arguments 对象的用途总结. 前言 相信我们很多人在代码开发的过程中都使用到过一个特殊的对象 --

  • Javascript基础知识中关于内置对象的知识

    目录 1.内置对象介绍 1.1 Math对象 1.2 Math中的方法 1.3 Date对象 2.Date中的方法 3.经典案例:倒计时效果: 4.Array数组对象 4.1 数组的创建 4.2 数组中的常用方法 5.字符串String 1.内置对象介绍 JavaScript组成: ECMAScript | DOM | BOM ECMAScript: 变量 , 函数, 数据类型 ,流程控制,内置对象 js中的对象: 自定义对象 , 内置对象 , 浏览器对象(不属于ECMAScript) 1.1

  • 详解 javascript对象创建模式

    详解 javascript对象创建模式

    创建模式 在javascript中,主要有以下几种创建模式: 工厂模式 构造函数模式 原型模式 组合模式 动态原型模式 寄生构造函数模式 稳妥构造模式 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式.javascript实现方式: function createPerson(name, obj, job) { var o = new Object(); o.name = name; o.obj = obj; o.job = job; o.sayName = function() { al

随机推荐