欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解JavaScript基礎(chǔ)知識(shí)(JSON、Function對(duì)象、原型、引用類型)

 更新時(shí)間:2018年01月16日 10:02:58   作者:灰姑娘的冰眸  
這篇文章主要介紹了JavaScript基礎(chǔ)知識(shí)(JSON、Function對(duì)象、原型、引用類型)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下

1、JSON

概念:JavaScript 對(duì)象表示法(JavaScript Object Notation),是一種輕量級(jí)的數(shù)據(jù)交換格式

特點(diǎn):易于程序員編寫和查看;易于計(jì)算機(jī)解析和生成

數(shù)據(jù)結(jié)構(gòu):Object對(duì)象格式   { key: value , key: value }

Array數(shù)組格式   [ value , value ]

Eg:  var json = ‘ { “   ” : ‘'  ‘' } '    (內(nèi)部雙引號(hào),外部單引號(hào))

 * JSON - 支持獨(dú)立的".json"文件;   允許嵌套

JSON格式在主流開發(fā)語言中幾乎都支持--- 各個(gè)語法語言的共識(shí)就是字符串

JSON中的字符串只能使用雙引號(hào) 

* 支持的數(shù)據(jù)類型: string; number; boolean; null; object; array

     轉(zhuǎn)換JSON對(duì)象與字符串

轉(zhuǎn)換為JSON對(duì)象: JSON.parse(對(duì)象)  ---(服務(wù)器=>客戶端), 解析JSON字符串,

轉(zhuǎn)換為JSON字符串:JSON.stringify(字符串)  ---- (客戶端=>服務(wù)器),

2、Function對(duì)象

   函數(shù)與Function對(duì)象:

Function類型是JavaScript提供的引用類型之一;通過Function類型創(chuàng)建了一個(gè)Function類型的對(duì)象,該對(duì)象實(shí)際是一個(gè)[函數(shù)]。

var 對(duì)象名 = new Object( );   ---創(chuàng)建對(duì)象

var 函數(shù)名 = new Function( );   // function anonymous( ){}

【在JavaScript 中,所有函數(shù)是Function的對(duì)象】

var 函數(shù)名 = new Function(參數(shù),函數(shù)體);

括號(hào)( )里面最后一個(gè)參數(shù),識(shí)別為函數(shù)體, 除此都是形參。---不建議

   構(gòu)造函數(shù):

作用:為了創(chuàng)建對(duì)象(工廠方式)

語法結(jié)構(gòu):

function 構(gòu)造函數(shù)名稱(形參){
 this.屬性名 = 屬性值;    ---- this的含義 -> 指的是創(chuàng)建的對(duì)象
 this.方法名 = function( ){ }   
}
var 對(duì)象名 = new 構(gòu)造函數(shù)名稱( );

3、原型

在 JavaScript 中,函數(shù)是一個(gè)包含屬性和方法的 Function 類型的對(duì)象。

屬性(Prototype) 在函數(shù)定義時(shí)就已經(jīng)存在,是Function對(duì)象(即函數(shù))預(yù)定義的一個(gè)屬性;它的初始值是一個(gè)空對(duì)象。在 JavaScript 中沒有定義函數(shù)的原型類型,所以原型可以是任何類型。

原型是用于保存對(duì)象的共享屬性和方法,原型的屬性和方法并不影響函數(shù)本身屬性和方法。

²  顯式原型 - Function 的 prototype

在真實(shí)的開發(fā)環(huán)境中使用

²  隱式原型 - Function 的 __proto__

用于開發(fā)過程中的測試,不能被使用在真實(shí)的開發(fā)環(huán)境中

4、引用類型

   數(shù)據(jù)類型:

Number-通過創(chuàng)建對(duì)象方式定義數(shù)字;      String-通過創(chuàng)建對(duì)象方式定義數(shù)字;

Boolean-通過創(chuàng)建對(duì)象方式定義數(shù)字;

   Date類型

作用:獲取常規(guī)的日期+時(shí)間

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

getTime ( ):距離1970年1月1日到目前的時(shí)間和日期 [利用毫秒值進(jìn)行時(shí)間的計(jì)算;實(shí)現(xiàn)時(shí)間戳(標(biāo)識(shí))]

eg: 日期格式為 YYYY年MM月DD日的當(dāng)前時(shí)間

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

  Math類型

屬性:PI - 圓周率                              注:不需要?jiǎng)?chuàng)建對(duì)象

方法:對(duì)數(shù)字的處理

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

pow(x1, x2):n1的n2次方     random( ):生成0-1之間的隨機(jī)數(shù)

eg:0-100隨機(jī)數(shù)   console.log(Math.random( )*100);     

1-100隨機(jī)整數(shù)  console.log(Math.random( )*99+1);

20%概率執(zhí)行一,50%概率執(zhí)行二  if( num <= 0.2 ){

                                      } else {

                                    }

   Global類型

全局對(duì)象:全局屬性(Infinity、NaN、undefined)、全局方法,在JavaScript中任何位置都可調(diào)用。                    

相關(guān)文章

  • 微信小程序骨架屏的實(shí)現(xiàn)方法

    微信小程序骨架屏的實(shí)現(xiàn)方法

    本文主要介紹了微信小程序骨架屏的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-01-01
  • javascript browser瀏覽器類型以及版本判斷代碼

    javascript browser瀏覽器類型以及版本判斷代碼

    在團(tuán)隊(duì)js框架建設(shè)過程中寫的一段瀏覽器判斷代碼,喜歡的朋友可以參考下。
    2010-04-04
  • 微信小程序?qū)崿F(xiàn)上傳圖片裁剪圖片過程解析

    微信小程序?qū)崿F(xiàn)上傳圖片裁剪圖片過程解析

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)上傳圖片裁剪圖片過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-08-08
  • 淺談JavaScript中定義變量時(shí)有無var聲明的區(qū)別

    淺談JavaScript中定義變量時(shí)有無var聲明的區(qū)別

    這篇文章主要介紹了JavaScript中定義變量時(shí)有無var聲明的區(qū)別分析以及示例分享,需要的朋友可以參考下
    2014-08-08
  • 使用JavaScript操作Visual Viewport的方法示例

    使用JavaScript操作Visual Viewport的方法示例

    在現(xiàn)代前端開發(fā)中,視口(viewport)是一個(gè)非常重要的概念,它決定了用戶在瀏覽網(wǎng)頁時(shí)所看到的內(nèi)容,JavaScript 提供了一個(gè)強(qiáng)大的接口 —— Visual Viewport API,讓開發(fā)者可以更靈活地控制和獲取視口的信息,本文將詳細(xì)介紹如何使用 Visual Viewport API
    2024-09-09
  • JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解

    JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解

    這篇文章主要介紹了JavaScript模板引擎實(shí)現(xiàn)原理,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript模板引擎原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2018-12-12
  • 半角全角相互轉(zhuǎn)換的js函數(shù)

    半角全角相互轉(zhuǎn)換的js函數(shù)

    全角空格為12288,半角空格為32 其他字符半角(33-126)與全角(65281-65374)的對(duì)應(yīng)關(guān)系是:均相差65248 .
    2009-10-10
  • JavaScript中數(shù)組去重的5種方法

    JavaScript中數(shù)組去重的5種方法

    這篇文章主要介紹了JavaScript中數(shù)組去重的5種方法,文中講解非常詳細(xì),實(shí)例代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下
    2020-07-07
  • JS設(shè)置cookie、讀取cookie

    JS設(shè)置cookie、讀取cookie

    js設(shè)置cookie有很多種方法,包括JS設(shè)置cookie、讀取cookie,工作中常會(huì)用到!下面是詳細(xì)代碼,感興趣的小伙伴們可以參考一下
    2016-02-02
  • 點(diǎn)擊顯示指定元素隱藏其他同輩元素的方法

    點(diǎn)擊顯示指定元素隱藏其他同輩元素的方法

    點(diǎn)擊顯示指定元素并隱藏其他同輩元素,下面有個(gè)不錯(cuò)的方法,需要的朋友可以參考下
    2014-02-02

最新評(píng)論