js的函數(shù)和對(duì)象

Dean 發(fā)布于2019-08-23 11:01 / 908人閱讀

摘要：函數(shù)函數(shù)也是一個(gè)對(duì)象，對(duì)象能做的函數(shù)都能做。在函數(shù)中使用關(guān)鍵字聲明的變量是局部變量，局部變量只能在函數(shù)內(nèi)部使用，外部無(wú)法訪(fǎng)問(wèn)。

函數(shù)

- 函數(shù)也是一個(gè)對(duì)象，對(duì)象能做的函數(shù)都能做。
- 函數(shù)中可以保存可執(zhí)行的代碼，并且在需要的時(shí)候進(jìn)行調(diào)用。
- 使用typeof檢查函數(shù)時(shí)，會(huì)返回 function

function fun(){
  return "function"
}
console.log(typeof fun);        // function

函數(shù)的創(chuàng)建 1.函數(shù)聲明

function函數(shù)名(形參1,形參2,...形參N){
函數(shù)體
}

function sum (num1,num2){
 return num1+num2
}

2.函數(shù)表達(dá)式

var 函數(shù)名=function(形參1,形參2,...形參N){
函數(shù)體
}

 var sum=function(num1,num2){
   return num1+num2
}

函數(shù)的調(diào)用

函數(shù)調(diào)用:函數(shù)對(duì)象+()

function fun(){
 console.log("我是一個(gè)function");
}

fun()   //我是一個(gè)function

函數(shù)的參數(shù)

形參（形式參數(shù)）

        - 定義函數(shù)時(shí)可以在函數(shù)定義數(shù)量不等的形參，多個(gè)形參之間使用,隔開(kāi)
        - 定義形參就相當(dāng)于在函數(shù)中聲明了對(duì)應(yīng)的變量但是并不賦值
        - 形參會(huì)在函數(shù)調(diào)用的時(shí)候賦值

實(shí)參（實(shí)際參數(shù)）

        - 函數(shù)調(diào)用時(shí)，可以在()傳遞實(shí)參
        - 實(shí)參會(huì)賦值給對(duì)應(yīng)的形參
        - js解析器不會(huì)檢查實(shí)參的類(lèi)型和數(shù)量
        - 可以傳遞任意類(lèi)型的實(shí)參（基本數(shù)據(jù)類(lèi)型、對(duì)象、函數(shù)）
        - 可以傳遞任意數(shù)量的實(shí)參

返回值

    - 在函數(shù)中可以通過(guò) return 來(lái)設(shè)置返回值
    - 語(yǔ)法：return 值;
    - 返回值將會(huì)作為函數(shù)的執(zhí)行結(jié)果返回，可以定義一個(gè)變量來(lái)接收返回值
    - 如果return后不跟值，或者不寫(xiě)return則相當(dāng)于return undefined
    - return后的所有的代碼都不會(huì)執(zhí)行，return一執(zhí)行函數(shù)立即結(jié)束
    - 任何類(lèi)型的值都可以作為函數(shù)的返回值

function num(){
  console.log("這是一個(gè)函數(shù)")
  return 100;
}
console.log(fun())   //這是一個(gè)函數(shù) 
                     //100

 - 函數(shù)的return語(yǔ)句的確允許不編寫(xiě)在函數(shù)體的最后面
 - 一旦return語(yǔ)句不在函數(shù)體的最后面 - return語(yǔ)句之后的代碼都不再執(zhí)行

  function fn(){
        console.log("這是return語(yǔ)句之前...");
        return;
        console.log("這是return語(yǔ)句之后...");
    }

    console.log(fn());   // 這是return語(yǔ)句之前...
                         //undefined

作用域

作用域就是變量的作用范圍，一個(gè)變量在哪些范圍中可見(jiàn)

全局作用域

        - 全局作用域在頁(yè)面加載時(shí)創(chuàng)建，在頁(yè)面關(guān)閉時(shí)銷(xiāo)毀。
        - 直接在script標(biāo)簽中編寫(xiě)的內(nèi)容，都在全局作用域中
        - 在頁(yè)面中有一個(gè)全局對(duì)象window，代表的是整個(gè)的瀏覽器窗口
            在全局作用域中創(chuàng)建的變量都會(huì)作為window的屬性保存
            在全局作用域中創(chuàng)建的函數(shù)都會(huì)作為window的方法保存
        - 在全局作用域中創(chuàng)建的變量和函數(shù)都是全局變量和函數(shù)，可以在頁(yè)面的任意位置訪(fǎng)問(wèn)。

var a=10;
console.log(a);   //10

函數(shù)作用域（局部作用域）

        - 函數(shù)作用域在函數(shù)調(diào)用時(shí)創(chuàng)建，在調(diào)用結(jié)束時(shí)銷(xiāo)毀。
        - 函數(shù)每執(zhí)行一次就會(huì)創(chuàng)建一個(gè)新的函數(shù)作用域。
        - 在函數(shù)中使用var關(guān)鍵字聲明的變量是局部變量，局部變量只能在函數(shù)內(nèi)部使用，外部無(wú)法訪(fǎng)問(wèn)。
        - 如果不使用var關(guān)鍵字聲明變量，則變量會(huì)變成全局變量。

  var a=10;
  function fun(){
  var b=20;
  console.log(a);    //10
  console.log(b);    //20
}

全局作用域不能訪(fǎng)問(wèn)局部變量

function fun(){
var a=10;
}
console.log(a);    // a is not defined;

對(duì)象

- 對(duì)象是一個(gè)區(qū)別于5種基本數(shù)據(jù)類(lèi)型的又一種類(lèi)型
- 對(duì)象是一種復(fù)合數(shù)據(jù)類(lèi)型，在對(duì)象中可以保存不同類(lèi)型的屬性

對(duì)象的使用:

創(chuàng)建對(duì)象:

構(gòu)造函數(shù)方式: var obj = new Object();

對(duì)象初始化器方式: var obj={};

Object.create()方法: Object.create();

讀取對(duì)象的屬性:
對(duì)象.屬性名(不適用于復(fù)雜命名的屬性名稱(chēng))

var person ={
 sex:"man",
 age:30
}
console.log(person.sex);   //man

對(duì)象["屬性名"] (適用于復(fù)雜命名的屬性名稱(chēng))

var obj = {
   
   "Type-Content" : "text/html",
   
}
console.log(obj["Type-Content"]);// text/html

向?qū)ο笾刑砑?修改)屬性:
對(duì)象["屬性名"]

var iLike={
 hobby:"聽(tīng)歌"
}
}
iLike["hobby"]="睡覺(jué)";
console.log(iLike.hobby) //睡覺(jué)

對(duì)象.屬性名

var person={
 name:"55開(kāi)"
}
person.name="PDD";
console.log(person,name)  //PDD

枚舉屬性
for...in:該方法依次訪(fǎng)問(wèn)一個(gè)對(duì)象及其原型鏈中所有可枚舉的屬性

var obj={
 name:"孫悟空",
 age:"18",
 hobby:function(){
  console.log("打妖怪")
}
}
for(var i in obj ){
 console.log(i)    // name   age  hobby
}

檢測(cè)對(duì)象的屬性

- 使用in關(guān)鍵字   如果屬性存在返回true  不存在返回false

var obj ={
    name: "javascript"
};

 console.log("name" in obj);    //true

- 使用Object對(duì)象的hasOwnPhasOwnProperty()方法  如果屬性存在返回true  不存在返回false

var obj ={
    name: "javascript"
};

console.log(obj.hasOwnProperty("name"));  //true

- 使用undefined判斷    如果屬性存在返回false  不存在返回true

var obj ={
    name: "javascript"
};
console.log(obj.name === undefined);   // false

- 使用if語(yǔ)句進(jìn)行判斷

var obj ={
    name: "javascript"
};
if(obj.name){console.log("屬性存在")}    //屬性存在

刪除對(duì)象的屬性

可以用delete操作符刪除一個(gè)不是繼承而來(lái)的屬性

var obj=new Object();
obj.name="孫悟空";
obj.age="18";
delete obj.age;      //刪除對(duì)象的自有屬性
for(var i in obj){
console.log(i);     //name
}

云服務(wù)器 GPU云服務(wù)器匹配對(duì)象的屬性和函數(shù) js數(shù)據(jù)對(duì)象和對(duì)象的區(qū)別嗎 js中數(shù)據(jù)和對(duì)象的關(guān)系圖 js 創(chuàng)建數(shù)組和對(duì)象

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96912.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Dean

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

Linux環(huán)境基礎(chǔ)開(kāi)發(fā)工具使用

閱讀 3542·2021-10-09 09:41
SpinServers：圣何塞服務(wù)器75折優(yōu)惠，亞洲優(yōu)化線(xiàn)路，10Gbps帶寬，月付$126起

閱讀 2746·2021-10-08 10:18
聽(tīng)說(shuō)看了這份Java學(xué)習(xí)路線(xiàn)的同學(xué)，畢業(yè)都拿到了大廠(chǎng)offer

閱讀 2183·2021-09-10 10:51
拉繩位移傳感器的有關(guān)知識(shí)建議大家收藏

閱讀 2680·2021-09-10 10:50
Chapter1 大數(shù)據(jù)概述

閱讀 776·2021-09-09 09:33
老用戶(hù)購(gòu)買(mǎi)阿里云服務(wù)器首選優(yōu)惠活動(dòng)：爆款特惠活動(dòng)

閱讀 3384·2021-09-06 15:14
2019年前端面試題-01

閱讀 3017·2019-08-30 11:06
深入理解 CSS：字體度量、line-height 和 vertical-align

閱讀 3248·2019-08-29 14:04

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js的函數(shù)和對(duì)象

相關(guān)文章

[譯]執(zhí)行上下文、作用域鏈和JS內(nèi)部機(jī)制

**JS面向對(duì)象之三【this】 (對(duì)象和函數(shù)之間的關(guān)系)**

jQuery Deferred對(duì)象

javascript引擎執(zhí)行的過(guò)程的理解--語(yǔ)法分析和預(yù)編譯階段

javascript系列--javascript引擎執(zhí)行的過(guò)程的理解--語(yǔ)法分析和預(yù)編譯階段

JS修仙之一界本源

發(fā)表評(píng)論

0條評(píng)論

Dean

男|高級(jí)講師

TA的文章

Linux環(huán)境基礎(chǔ)開(kāi)發(fā)工具使用

SpinServers：圣何塞服務(wù)器75折優(yōu)惠，亞洲優(yōu)化線(xiàn)路，10Gbps帶寬，月付$126起

聽(tīng)說(shuō)看了這份Java學(xué)習(xí)路線(xiàn)的同學(xué)，畢業(yè)都拿到了大廠(chǎng)offer

拉繩位移傳感器的有關(guān)知識(shí)建議大家收藏

Chapter1 大數(shù)據(jù)概述

老用戶(hù)購(gòu)買(mǎi)阿里云服務(wù)器首選優(yōu)惠活動(dòng)：爆款特惠活動(dòng)

2019年前端面試題-01

深入理解 CSS：字體度量、line-height 和 vertical-align

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js的函數(shù)和對(duì)象

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！